.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light;--petroleo:#2b6270;--petroleo-hondo:#1a4651;--petroleo-noche:#0f2a30;--agua:#8fc8d1;--agua-clara:#b4dde3;--fondo:#eef3f4;--superficie:#fff;--campo:#f8fbfb;--tinta:#0f2a30;--tinta-2:#3e5459;--tinta-3:#56696e;--linea:#dde6e8;--linea-suave:#eef3f4;--linea-fuerte:#cbd8db;--acento:var(--petroleo);--acento-fuerte:#1c4550;--acento-tinta:#fff;--acento-texto:var(--petroleo);--acento-suave:#e4f0f2;--exito:#1f7a4d;--exito-suave:#e1f3e8;--peligro:#a14a3b;--peligro-suave:#fbeded;--ambar:#8a6a1f;--ambar-suave:#fff6e8;--vidrio:#ffffffad;--vidrio-tenue:#ffffff6b;--vidrio-borde:#fffffff2;--vidrio-sombra:0 10px 30px -18px #0f2a3059;--sombra-tarjeta:0 30px 50px -24px #0f2a308c, 0 8px 18px -10px #0f2a3066;--escena:radial-gradient(circle at 8% 4%, #2b627033, transparent 28%), radial-gradient(circle at 92% 22%, #8fc8d166, transparent 26%), radial-gradient(circle at 30% 70%, #8fc8d138, transparent 30%);--f-texto:"Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--f-cifra:"Space Grotesk", var(--f-texto);--t-0:.6875rem;--t-1:.75rem;--t-2:.8125rem;--t-3:.875rem;--t-4:.9375rem;--t-5:1.0625rem;--t-6:1.375rem;--t-7:1.625rem;--t-8:clamp(1.75rem, 6vw, 1.875rem);--r-control:12px;--r-boton:14px;--r-panel:18px;--r-hoja:20px;--r-pill:999px;--ease-salida:cubic-bezier(.16, 1, .3, 1);--ease-resorte:cubic-bezier(.34, 1.56, .64, 1);--dur-corta:.16s;--dur-media:.42s;--ancho:1200px}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){color-scheme:dark;--fondo:#0a1518;--superficie:#ffffff0d;--campo:#ffffff0f;--tinta:#f2f1ee;--tinta-2:#c9c7d1;--tinta-3:#a9a7b3;--linea:#ffffff1a;--linea-suave:#ffffff14;--linea-fuerte:#ffffff2e;--acento-fuerte:#367a8a;--acento-texto:#8cc8d1;--acento-suave:#4096a633;--exito:#b8f0c8;--exito-suave:#b8f0c824;--peligro:#f2b5aa;--peligro-suave:#e8968729;--ambar:#f3d39c;--ambar-suave:#ffd69624;--vidrio:linear-gradient(150deg, #ffffff1a, #ffffff08);--vidrio-tenue:#ffffff08;--vidrio-borde:#ffffff1f;--vidrio-sombra:inset 0 1px 0 #ffffff14;--sombra-tarjeta:0 30px 50px -24px #000000e6, 0 8px 18px -10px #0009;--escena:radial-gradient(circle at 90% 4%, #4096a633, transparent 30%), radial-gradient(circle at 0% 18%, #8ccdd71f, transparent 30%)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:var(--escena), var(--fondo);min-height:100dvh;color:var(--tinta);font:400 var(--t-4) / 1.5 var(--f-texto);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}h1{font-size:var(--t-7)}h2{font-size:var(--t-5)}h3{font-size:var(--t-4)}p{text-wrap:pretty;margin:0}a{color:var(--acento-texto);text-underline-offset:.18em}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--acento-texto);outline-offset:3px;border-radius:6px}::selection{background:var(--agua);color:var(--petroleo-noche)}.cifra{font-family:var(--f-cifra);font-variant-numeric:tabular-nums;letter-spacing:.01em}.contenedor{width:100%;max-width:var(--ancho);margin-inline:auto;padding-inline:24px}.suave{color:var(--tinta-2)}.tenue{color:var(--tinta-3)}.chico{font-size:var(--t-3)}.diminuto{font-size:var(--t-1)}.rotulo-mayus{font-size:var(--t-0);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}[hidden]{display:none!important}.visualmente-oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vidrio{background:var(--vidrio);border:1px solid var(--vidrio-borde);border-radius:var(--r-hoja);backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--vidrio-sombra)}.panel{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-panel)}.destacado{background:linear-gradient(140deg, var(--petroleo), var(--petroleo-hondo));color:#fff;border-radius:var(--r-panel);box-shadow:inset 0 1px #ffffff59,0 14px 30px -16px #1e4f5ab3}.icono-caja{background:var(--acento-suave);width:44px;height:44px;color:var(--acento-texto);border-radius:12px;flex:none;place-items:center;display:grid}.icono-caja.resta{background:var(--peligro-suave);color:var(--peligro)}.icono-caja.compra{background:var(--ambar-suave);color:var(--ambar)}.campo{gap:6px;display:grid}.campo>label,.campo>.rotulo,.campo .ayuda{font-size:var(--t-1);color:var(--tinta-3)}.entrada,select.entrada,textarea.entrada{width:100%;min-height:46px;font:inherit;font-size:var(--t-3);color:var(--tinta);background:var(--campo);border:1px solid var(--linea-fuerte);border-radius:var(--r-control);transition:border-color var(--dur-corta), box-shadow var(--dur-corta);padding:11px 14px}textarea.entrada{resize:vertical;line-height:1.5}.entrada.grande{border-radius:var(--r-boton);min-height:52px;font-size:var(--t-5)}.entrada.numero{font-family:var(--f-cifra);letter-spacing:.04em}.entrada::placeholder{color:var(--tinta-3);opacity:.8}.entrada:focus{border-color:var(--acento-texto);box-shadow:0 0 0 4px var(--acento-suave);outline:none}.boton{--b-fondo:var(--acento);--b-tinta:var(--acento-tinta);--b-borde:transparent;min-height:48px;font:600 var(--t-3) / 1 var(--f-texto);color:var(--b-tinta);background:var(--b-fondo);border:1px solid var(--b-borde);border-radius:var(--r-control);cursor:pointer;white-space:nowrap;transition:transform var(--dur-corta) var(--ease-salida), background var(--dur-corta), opacity var(--dur-corta);justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.boton:hover{--b-fondo:var(--acento-fuerte)}.boton:active{transform:scale(.97)}.boton[disabled],.boton[aria-busy=true]{opacity:.5;pointer-events:none}.boton.oscuro{--b-fondo:var(--tinta);--b-tinta:var(--fondo)}.boton.secundario{--b-fondo:var(--superficie);--b-tinta:var(--tinta);--b-borde:var(--linea-fuerte);box-shadow:none;font-weight:500}.boton.secundario:hover{--b-fondo:var(--campo)}.boton.fantasma{--b-fondo:transparent;--b-tinta:var(--tinta);--b-borde:var(--linea-fuerte);box-shadow:none;font-weight:500}.boton.fantasma:hover{--b-fondo:var(--superficie)}.boton.peligro{--b-fondo:var(--peligro);--b-tinta:#fff}.boton.peligro:hover{--b-fondo:color-mix(in srgb, var(--peligro) 85%, #000)}.boton.peligro-suave{--b-fondo:var(--superficie);--b-tinta:var(--peligro);--b-borde:color-mix(in srgb, var(--peligro) 35%, transparent);box-shadow:none;font-weight:500}.boton.compacto{min-height:40px;font-size:var(--t-2);border-radius:10px;padding:0 14px}.boton.grande{min-height:56px;font-size:var(--t-5);border-radius:16px}.boton.lleno{width:100%}.pastilla{border-radius:var(--r-pill);font-size:var(--t-1);white-space:nowrap;background:var(--acento-suave);color:var(--acento-fuerte);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.pastilla[data-nivel=constante]{color:#1c4550;background:#e4f0f2}.pastilla[data-nivel=disciplinada]{color:#2e4a50;background:#e7eef0}.pastilla[data-nivel=ejemplar]{color:#5c4316;background:#f7ebd3}.pastilla[data-nivel=icono]{color:#fff;background:#0f2a30}.filtros{flex-wrap:wrap;gap:8px;display:flex}.filtros a,.filtros button{border-radius:var(--r-pill);border:1px solid var(--linea-fuerte);background:var(--vidrio-tenue);min-height:40px;color:var(--tinta);font:400 var(--t-2) / 1 var(--f-texto);cursor:pointer;white-space:nowrap;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.filtros [aria-current=true],.filtros [aria-pressed=true]{background:var(--tinta);border-color:var(--tinta);color:var(--fondo);font-weight:600}.barra{border-radius:var(--r-pill);background:color-mix(in srgb, var(--linea-fuerte) 70%, transparent);height:10px;overflow:hidden}.barra>span{border-radius:inherit;background:linear-gradient(90deg, var(--agua), var(--acento-texto));height:100%;display:block}.interruptor{-webkit-appearance:none;appearance:none;border-radius:var(--r-pill);background:var(--linea-fuerte);cursor:pointer;width:52px;height:30px;transition:background var(--dur-corta);border:none;flex:none;margin:0;padding:3px;display:flex}.interruptor:before{content:"";width:24px;height:24px;transition:transform var(--dur-media) var(--ease-resorte);background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040}.interruptor:checked,.interruptor[aria-checked=true]{background:var(--acento)}.interruptor:checked:before,.interruptor[aria-checked=true]:before{transform:translate(22px)}.mensaje{border-radius:var(--r-control);font-size:var(--t-2);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mensaje.error{background:var(--peligro-suave);border-color:color-mix(in srgb, var(--peligro) 25%, transparent);color:var(--peligro)}.mensaje.ok{background:var(--exito-suave);border-color:color-mix(in srgb, var(--exito) 25%, transparent);color:var(--exito)}.mensaje.info{background:var(--acento-suave);color:var(--tinta)}.mensaje.alerta{background:var(--ambar-suave);border-color:color-mix(in srgb, var(--ambar) 30%, transparent);color:var(--ambar)}@keyframes sacudir{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.sacude{animation:sacudir .48s var(--ease-salida)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--ease-salida)}::view-transition-group(*){animation-duration:.52s;animation-timing-function:var(--ease-salida)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.encabezado>div{gap:4px;display:grid}.encabezado p{font-size:var(--t-3);color:var(--tinta-3);max-width:52rem}.encabezado h1{font-size:var(--t-7)}.segmentos{border-radius:var(--r-boton);background:var(--linea-suave);border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-inline-size:0;margin:0;padding:4px;display:grid}.segmentos label,.segmentos a{min-height:44px;font-size:var(--t-3);color:var(--tinta-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex;position:relative}.segmentos input{opacity:0;pointer-events:none;position:absolute}.segmentos label:has(input:checked),.segmentos a[aria-current=true]{background:var(--superficie);font-weight:600;box-shadow:0 1px 3px #0f2a3026}.segmentos label:has(input:focus-visible){outline:2px solid var(--acento-texto);outline-offset:2px}.segmentos .suma:has(input:checked),.segmentos a.suma[aria-current=true]{color:#1f6b45}.segmentos .resta:has(input:checked),.segmentos a.resta[aria-current=true]{color:var(--peligro)}.contador{align-items:center;gap:6px;display:flex}.contador button{border-radius:var(--r-control);border:1px solid var(--linea-fuerte);background:var(--superficie);width:44px;height:44px;color:var(--tinta);cursor:pointer;place-items:center;display:grid}.contador input{border-radius:var(--r-control);border:1px solid var(--linea-fuerte);background:var(--campo);text-align:center;width:104px;height:44px;font:600 1.125rem / 1 var(--f-cifra);color:var(--acento-texto)}.contador input:focus{border-color:var(--acento-texto);box-shadow:0 0 0 4px var(--acento-suave);outline:none}.celular{color:#f2f1ee;background:radial-gradient(circle at 90% 0,#4096a647,#0000 45%),#0a1518;border-radius:22px;gap:12px;padding:16px;display:grid;box-shadow:0 24px 48px -24px #0a1518cc}.celular .rotulo-mayus,.web-previa .rotulo-mayus{letter-spacing:.04em;text-transform:none;justify-content:space-between;display:flex}.celular .rotulo-mayus{color:#a9b8bb}.web-previa{border:1px solid var(--linea);background:radial-gradient(circle at 92% 10%,#8fc8d166,#0000 40%),#eef3f4;border-radius:22px;gap:12px;padding:16px;display:grid}.iconos{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.iconos label{border-radius:var(--r-control);border:1px solid var(--linea-fuerte);background:var(--superficie);width:44px;height:44px;color:var(--tinta-2);cursor:pointer;place-items:center;display:grid}.iconos input{opacity:0;pointer-events:none;position:absolute}.iconos label:has(input:checked){border:2px solid var(--acento);color:var(--acento);background:#eef5f6}.iconos label:has(input:focus-visible){outline:2px solid var(--acento);outline-offset:2px}