:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#0b0e17;--vidrio:#ffffff0b;--vidrio-borde:#ffffff17;--texto:#e8ecf4;--suave:#8f9bb3;--error:#ff6b6b;--acento:#4382ff}*{box-sizing:border-box}body{min-height:100vh;color:var(--texto);background:radial-gradient(900px 500px at 85% -10%, color-mix(in srgb, var(--acento) 22%, transparent), transparent 70%), radial-gradient(700px 500px at -10% 110%, #6e50ff29, transparent 70%), var(--fondo);background-attachment:fixed;margin:0;font:16px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pagina{max-width:1000px;margin:0 auto;padding:24px 20px 48px}.pagina.ancha{max-width:1180px}.volver{color:var(--texto);background:var(--vidrio);border:1px solid var(--vidrio-borde);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.volver:hover{border-color:var(--acento);color:var(--acento)}.hero{text-align:center;padding:28px 0 32px}.hero-sello{letter-spacing:.12em;text-transform:uppercase;color:var(--suave);border:1px solid var(--vidrio-borde);background:var(--vidrio);border-radius:999px;padding:4px 14px;font-size:.75rem;display:inline-block}.hero h1{letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#9db4ff 60%,#c39bff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:14px 0 6px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.hero p{color:var(--suave);margin:0}.tarjetas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tarjeta{color:inherit;background:radial-gradient(240px 140px at 100% 0%, color-mix(in srgb, var(--acento) 28%, transparent), transparent 70%), var(--vidrio);border:1px solid var(--vidrio-borde);border-radius:18px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.tarjeta:before{content:"";background:var(--acento);width:4px;position:absolute;top:0;bottom:0;left:0}.tarjeta:hover{border-color:var(--acento);box-shadow:0 6px 16px -5px color-mix(in srgb, var(--acento) 55%, transparent);transform:translateY(-4px)}.tarjeta-icono{font-size:1.9rem;line-height:1}.tarjeta strong{font-size:1.1rem}.tarjeta-detalle{color:var(--suave);font-size:.82rem}.titulo-hoja{align-items:center;gap:16px;margin:20px 0 22px;display:flex}.titulo-icono{background:color-mix(in srgb, var(--acento) 18%, transparent);border:1px solid color-mix(in srgb, var(--acento) 55%, transparent);width:60px;height:60px;box-shadow:0 0 14px -3px var(--acento);border-radius:18px;flex:none;place-items:center;font-size:1.9rem;display:grid}.titulo-hoja h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.titulo-hoja p{color:var(--suave);margin:2px 0 0;font-size:.9rem}.columnas{grid-template-columns:minmax(300px,400px) 1fr;align-items:start;gap:20px;display:grid}.columnas.dos{grid-template-columns:minmax(540px,640px) 1fr}.dos .campos{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.vidrio{background:var(--vidrio);border:1px solid var(--vidrio-borde);-webkit-backdrop-filter:blur(10px);border-radius:18px}.datos{padding:18px 20px 22px;position:sticky;top:16px}.panel-titulo{justify-content:space-between;align-items:center;display:flex}.panel-titulo h2{text-transform:uppercase;letter-spacing:.1em;color:var(--acento);margin:0;font-size:1rem}.campos{flex-direction:column;gap:16px;margin-top:16px;display:flex}.campo{flex-direction:column;gap:5px;display:flex}.campo label{justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;font-weight:600;display:flex}.campo label small{color:var(--suave);letter-spacing:.02em;font-size:.68rem;font-weight:400}.campo em{color:var(--suave);font-size:.72rem;font-style:normal}.entrada{width:100%;font:inherit;color:var(--texto);background:color-mix(in srgb, var(--acento) 9%, #121726);border:1px solid color-mix(in srgb, var(--acento) 38%, transparent);border-radius:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.entrada:hover{border-color:color-mix(in srgb, var(--acento) 70%, transparent)}.entrada:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 28%, transparent);outline:none}.entrada:disabled{opacity:.45;border-color:var(--vidrio-borde)}.entrada.invalida{border-color:var(--error)}select.entrada option{color:var(--texto);background:#121726}.error{color:var(--error);font-size:.78rem}button.secundario{font:inherit;cursor:pointer;color:var(--suave);border:1px solid var(--vidrio-borde);background:0 0;border-radius:999px;padding:5px 12px;font-size:.8rem}button.secundario:hover{color:var(--texto);border-color:var(--acento)}.modal-fondo{z-index:10;-webkit-backdrop-filter:blur(4px);background:#05070eb3;place-items:center;padding:20px;animation:.15s aparecer;display:grid;position:fixed;inset:0}.modal{border-color:color-mix(in srgb, var(--acento) 55%, transparent);width:min(420px,100%);box-shadow:0 12px 30px -8px var(--acento);background:#12172a;padding:24px;animation:.18s subir}.modal h2{margin:0 0 8px;font-size:1.15rem}.modal p{color:var(--suave);margin:0 0 22px}.modal-acciones{justify-content:flex-end;gap:10px;display:flex}button.primario{font:inherit;cursor:pointer;color:#0b0e17;background:var(--acento);border:0;border-radius:999px;padding:8px 18px;font-weight:600}button.primario:hover{filter:brightness(1.12)}button.primario:focus-visible{outline:3px solid color-mix(in srgb, var(--acento) 40%, transparent);outline-offset:2px}.modal button.secundario{padding:8px 18px;font-size:.95rem}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(10px)scale(.98)}}.resultados{flex-direction:column;gap:20px;display:flex}.resultado{background:linear-gradient(135deg, color-mix(in srgb, var(--acento) 30%, transparent), color-mix(in srgb, var(--acento) 5%, transparent) 70%), var(--vidrio);border-color:color-mix(in srgb, var(--acento) 60%, transparent);box-shadow:0 9px 25px -10px var(--acento);padding:26px 28px;position:relative;overflow:hidden}.resultado-desc{color:var(--suave);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;display:block}.resultado strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:linear-gradient(120deg, #fff, color-mix(in srgb, var(--acento) 65%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;display:block}.bloque{padding:20px 24px 24px}.bloque h3{margin:0;font-size:1rem}.formula{border-left:3px solid var(--acento);color:#c9d3ea;overflow-wrap:anywhere;background:#00000047;border-radius:10px;margin:10px 0 18px;padding:10px 14px;font:.85rem/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}.variables{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.variable{border:1px solid var(--vidrio-borde);background:#ffffff0a;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.variable span{letter-spacing:.08em;text-transform:uppercase;color:var(--suave);font-size:.72rem}.variable strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.05rem}@media (width<=820px){.columnas,.columnas.dos,.dos .campos{grid-template-columns:1fr}.datos{position:static}}