:root{--bg:#0b0c0f;--bg2:#101217;--panel:#14171d;--panel2:#191d25;--line:#242833;--ink:#f3f0e7;--muted:#9aa1ab;--dim:#6b7280;--gold:#d4af37;--gold-soft:#e7c65a;--on-gold:#1a1508;--green:#34d399;--green-bg:#34d3991a;--red:#f87171;--red-bg:#f871711a;--amber:#fbbf24;--amber-bg:#fbbf241a;--radius:16px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #1b1a12 0%, var(--bg) 60%) fixed, var(--bg);color:var(--ink);min-height:100dvh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;overflow-x:clip}a{color:var(--gold-soft);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.contenedor{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.barra{z-index:20;-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--line);background:#0b0c0fd1;position:sticky;top:0}.barra .contenedor{align-items:center;gap:12px;height:60px;display:flex}.marca{letter-spacing:.2px;color:var(--ink);align-items:center;gap:10px;font-weight:800;display:flex}.marca .sello{background:linear-gradient(140deg, var(--gold-soft), var(--gold) 55%, #9c7c1f);width:32px;height:32px;color:var(--on-gold);border-radius:10px;place-items:center;font-size:15px;font-weight:900;display:grid;box-shadow:0 4px 14px #d4af3759}.marca small{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.marca>span:last-child{white-space:nowrap}.seccion>.cabeza{flex-wrap:wrap}@media (max-width:420px){.barra .marca>span:last-child{display:none}}@media (max-width:520px){.marca small{display:none}.marca{gap:8px;font-size:15px}.nav a,.nav button{padding:0 9px;font-size:13.5px}}.nav{gap:2px;margin-left:auto;display:flex}.nav a,.nav button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.nav a.activo,.nav a:hover,.nav button:hover{color:var(--ink);background:var(--panel)}.btn{border:1px solid var(--line);background:var(--panel2);min-height:46px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;transition:transform 80ms,background .2s,border-color .2s;display:inline-flex}.btn:hover{border-color:#3a3f4c}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.oro{background:linear-gradient(140deg, var(--gold-soft), var(--gold));color:var(--on-gold);border-color:#0000}.btn.fantasma{background:0 0}.btn.peligro{color:var(--red)}.btn.bloque{width:100%}.campo{gap:6px;margin-bottom:14px;display:grid}.campo label{color:var(--muted);font-size:13px;font-weight:600}.campo input,.campo select,.campo textarea{background:var(--bg2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.campo textarea{word-break:break-all;min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af372e}.tarjeta{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.tarjeta h2,.tarjeta h3{margin:0 0 4px}.tarjeta h2{font-size:17px}.tarjeta h3{font-size:15px}.sub{color:var(--muted);margin:0;font-size:13px}.rejilla{gap:12px;display:grid}.seccion{margin:22px 0}.seccion>.cabeza{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.seccion>.cabeza h2{margin:0;font-size:17px}.heroe{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(160deg,#1a1c22 0%,#121419 100%);border-radius:22px;padding:22px 18px 18px;position:relative;overflow:hidden}.heroe:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af3729,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;inset:-40% -20% auto auto}.heroe .etq{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:700}.heroe .cifra{overflow-wrap:anywhere;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:clamp(28px,8.5vw,54px);font-weight:900}.heroe .cifra.gana{color:var(--green)}.heroe .cifra.pierde{color:var(--red)}.heroe .cifra.incompleta{color:var(--amber)}.heroe .formula{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:13px;display:flex}.heroe .formula b{color:var(--ink);font-variant-numeric:tabular-nums}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0;padding:14px}.kpi .t{color:var(--muted);font-size:12px;font-weight:600}.kpi .v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:4px;font-size:20px;font-weight:800}.kpi .n{color:var(--dim);margin-top:2px;font-size:12px}.chips{scrollbar-width:none;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:700}.chip.activo{background:var(--ink);color:#111;border-color:var(--ink)}.embudo{gap:8px;display:grid}.embudo .fila{grid-template-columns:112px 1fr 64px;align-items:center;gap:10px;font-size:13px;display:grid}.embudo .barra-e{background:var(--bg2);border-radius:6px;height:10px;overflow:hidden}.embudo .barra-e span{background:var(--gold);border-radius:6px;height:100%;display:block}.embudo .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.lista{gap:8px;display:grid}.item{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:8px;padding:14px;display:grid}.item .arriba{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.item .nombre{overflow-wrap:anywhere;font-weight:700}.item .monto{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.item .datos{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12.5px;display:flex}.item .datos b{color:var(--ink);font-weight:700}.verde{color:var(--green)}.rojo{color:var(--red)}.ambar{color:var(--amber)}.aviso{border:1px solid;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.aviso.ambar{background:var(--amber-bg);color:#fde68a;border-color:#fbbf2459}.aviso.rojo{background:var(--red-bg);color:#fecaca;border-color:#f8717159}.aviso.verde{background:var(--green-bg);color:#a7f3d0;border-color:#34d39959}.progreso{background:var(--bg2);border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.progreso span{background:linear-gradient(90deg, var(--gold), var(--gold-soft));height:100%;transition:width .3s;display:block}.pastilla{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pastilla.ok{color:var(--green);border-color:#34d39959}.pastilla.mal{color:var(--red);border-color:#f8717159}.pasos{color:var(--muted);gap:6px;margin:10px 0 14px;padding-left:20px;font-size:13.5px;display:grid}.pasos b{color:var(--ink)}details.guia{background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin:10px 0 14px;padding:10px 14px}details.guia summary{cursor:pointer;align-items:center;min-height:28px;font-size:14px;font-weight:700;display:flex}.entrada{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.entrada .caja{width:100%;max-width:420px}.entrada h1{letter-spacing:-.5px;margin:18px 0 8px;font-size:28px;line-height:1.15}.entrada .lema{color:var(--muted);margin:0 0 22px}.pestanas{background:var(--bg2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;display:grid}.pestanas button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:700}.pestanas button.activo{background:var(--panel2);color:var(--ink)}.beneficios{color:var(--muted);gap:10px;margin:22px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.beneficios li{gap:10px;display:flex}.beneficios li:before{content:"●";color:var(--gold);margin-top:4px;font-size:10px}.vacio{text-align:center;padding:34px 18px}.vacio h2{margin:0 0 6px}.pie{color:var(--dim);text-align:center;padding:28px 0 40px;font-size:12px}@media (min-width:768px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dos{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tres{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.heroe{padding:28px}.item{grid-template-columns:1fr auto;align-items:center}.item .arriba{display:contents}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}