@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-vietnamese-wght-normal-ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-wght-normal-Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-tema=pizarra]{--fondo:#0a1530;--superficie:#111f40;--superficie-2:#13234a;--borde:#1f3260;--texto:#fff;--texto-2:#8fa3c7;--cifra:#22d3ee;--primario:#2a63cd;--enlace:#6f9bff;--inactivo:#8fa3c7;--peligro:#ff9aa5;--peligro-fondo:#3b1520;--franja:#13234a;--franja-cifra:#22d3ee;--franja-texto:#fff;--franja-texto-2:#8fa3c7;--sobre-primario:#fff;--velo:#040a1a99;--peso-chico:600;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tema=mostrador]{--fondo:#fff;--superficie:#fff;--superficie-2:#f4f6fa;--borde:#e6ebf3;--texto:#0a1530;--texto-2:#56627d;--cifra:#0f766e;--enlace:#1e4ea8;--inactivo:#6b7590;--peligro:#b42318;--peligro-fondo:#fdecea;--franja:#f4f6fa;--franja-cifra:#0f766e;--franja-texto:#0a1530;--franja-texto-2:#56627d;--peso-chico:500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-tema=cuadre]{--fondo:#f4f6fa;--superficie:#fff;--superficie-2:#f4f6fa;--borde:#e3e8f1;--texto:#0a1530;--texto-2:#56627d;--cifra:#0f766e;--enlace:#1e4ea8;--inactivo:#6b7590;--peligro:#b42318;--peligro-fondo:#fdecea;--franja:#0a1530;--franja-cifra:#22d3ee;--franja-texto:#fff;--franja-texto-2:#c7d2e6;--peso-chico:500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);min-height:100dvh;color:var(--texto);-webkit-tap-highlight-color:transparent;font:500 14px/1.45 Quicksand Variable,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--enlace);outline-offset:2px}.oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pantalla{max-width:560px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.pantalla.sin-barra{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.cabecera{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.cabecera .nombre{width:auto;height:22px;display:block}.cabecera .nota{text-align:right}.nota{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico)}.titulo{font-size:22px;font-weight:700;line-height:1.25}.subtitulo{font-size:18px;font-weight:700}.texto-2{color:var(--texto-2)}.centro{text-align:center}.campo-marca{align-items:center;gap:10px;min-height:48px;font-weight:700;display:flex}.campo-marca input{width:22px;height:22px;accent-color:var(--primario)}.pila{align-content:start;gap:16px;display:grid}.pila-chica{align-content:start;gap:8px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:16px}[data-tema=pizarra] .tarjeta{border-color:#0000}.boton{background:var(--primario);min-height:48px;color:var(--sobre-primario);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;transition:opacity .12s;display:inline-flex}.boton:active{opacity:.8}.boton:disabled{opacity:.5;cursor:default}.boton.ancho{width:100%}.boton.secundario{background:var(--superficie-2);color:var(--texto);border:1px solid var(--borde)}.enlace{color:var(--enlace);text-underline-offset:3px;background:0 0;border:0;min-height:48px;padding:0 4px;font-weight:700;text-decoration:underline}.icono-boton{width:48px;height:48px;color:var(--texto-2);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icono-boton:active{background:var(--superficie-2)}.campo{gap:6px;display:grid}.campo label{font-weight:700}.campo input{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;width:100%;min-height:52px;padding:0 14px;font-size:16px}.campo .ayuda{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico)}.error{background:var(--peligro-fondo);color:var(--peligro);border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-weight:700;display:flex}.chip{background:var(--superficie-2);color:var(--texto-2);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip.mejor{background:var(--cifra);color:var(--fondo)}.pila-chica>.chip,.pila>.chip{justify-self:start}.chip.agotado{background:var(--peligro-fondo);color:var(--peligro)}.tasas{background:var(--franja);color:var(--franja-texto);border:1px solid var(--borde);border-radius:12px;grid-template-columns:1fr 1.15fr 1fr;display:grid;overflow:hidden}.tasas div{padding:10px 12px}.tasas div+div{border-left:1px solid var(--borde)}.tasas .nota{color:var(--franja-texto-2)}[data-tema=cuadre] .tasas,[data-tema=cuadre] .tasas div+div{border-color:var(--franja)}.tasas b{font-size:20px;font-weight:700;line-height:1.3;display:block}.tasas .brecha{color:var(--franja-cifra)}.buscador{background:var(--superficie-2);border:1px solid var(--borde);min-height:56px;color:var(--cifra);border-radius:12px;align-items:center;gap:10px;padding:0 16px;display:flex}[data-tema=pizarra] .buscador{border-color:#0000}.buscador input{min-width:0;color:var(--texto);background:0 0;border:0;outline:0;flex:1;min-height:52px;font-size:16px}.buscador input::-webkit-search-cancel-button{display:none}.buscador .icono-boton{margin-right:-12px}.producto{grid-template-columns:1fr auto;gap:4px 12px;display:grid}.producto .nombre-producto{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.producto .datos{color:var(--texto-2);font-weight:var(--peso-chico);flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.producto .precios{text-align:right;grid-row:span 2}.producto .costo{color:var(--cifra);white-space:nowrap;font-size:24px;font-weight:700;line-height:1.15}.producto .costo small{margin-left:2px;font-size:12px}.producto .web{color:var(--texto-2);white-space:nowrap}.producto .web b{color:var(--texto)}.producto .linea{color:var(--texto-2);font-size:12px;font-weight:var(--peso-chico);flex-wrap:wrap;grid-column:1/-1;gap:4px 12px;display:flex}.esqueleto{background:var(--superficie);border-radius:12px;height:76px}.linea-tasas{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico);flex-wrap:wrap;gap:4px 16px;display:flex}.linea-tasas b{color:var(--texto);font-weight:700}.linea-tasas .brecha{color:var(--cifra)}.fila-producto{border-bottom:1px solid var(--borde);grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:4px 10px;padding:10px 0;display:grid}.fila-producto.con-foto{grid-template-columns:44px minmax(0,1fr) auto 36px}.fila-producto .foto-producto{object-fit:contain;background:#fff;border-radius:8px;width:44px;height:44px}.fila-texto{gap:4px;min-width:0;display:grid}.fila-producto .nombre-producto{font-size:16px;font-weight:600;line-height:1.3}.fila-producto .nombre-boton{-webkit-line-clamp:2;line-clamp:2;text-decoration:underline;-webkit-text-decoration-color:var(--borde);text-decoration-color:var(--borde);text-underline-offset:4px;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fila-producto .nombre-boton .flecha-ficha{vertical-align:-3px;color:var(--texto-2);margin-left:2px;display:inline-block}.fila-producto .datos{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico);flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.fila-precio{text-align:right}.fila-precio .costo{color:var(--cifra);white-space:nowrap;font-size:22px;font-weight:700;line-height:1.15}.fila-precio .costo small{margin-left:3px;font-size:13px}.fila-precio .web{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico);white-space:nowrap}.fila-precio .web b{color:var(--texto)}.fila-precio .sin-precio{color:var(--texto-2);white-space:nowrap;font-size:14px;font-weight:700}.fila-producto .agregar{width:36px;height:36px;margin:0;position:relative}.fila-producto .agregar:after{content:"";position:absolute;inset:-6px}.pedir-precio{border:2px solid var(--enlace);width:36px;height:36px;color:var(--enlace);background:0 0;border-radius:999px;place-items:center;display:inline-grid;position:relative}.pedir-precio:after{content:"";position:absolute;inset:-6px}.resultados{gap:0;display:grid}.resultados.viejos{opacity:.55}mark{color:var(--cifra);background:0 0}.filtros{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chip-filtro{border:1px solid var(--borde);background:var(--superficie-2);min-height:40px;color:var(--texto-2);border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.chip-filtro[aria-pressed=true]{background:var(--cifra);border-color:var(--cifra);color:var(--fondo)}.sugerencia{text-align:left;color:var(--texto);min-height:56px;font-size:16px}.sugerencia b{color:var(--enlace)}.franja-aviso{background:var(--franja);color:var(--franja-texto);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex}.cifra-grande{color:var(--cifra);font-size:28px}.progreso{background:var(--superficie-2);border-radius:999px;height:8px;overflow:hidden}.progreso span{background:var(--cifra);border-radius:999px;height:100%;display:block}.filtros-x{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.filtros-x::-webkit-scrollbar{display:none}.filtros-x .chip-filtro{flex:none}.cuantos{opacity:.75;margin-left:2px}.proveedor{text-align:left;color:var(--texto);gap:6px;width:100%;display:grid}.proveedor-cabeza{justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.proveedor .datos{color:var(--texto-2);font-size:14px;font-weight:var(--peso-chico);flex-wrap:wrap;gap:4px 12px;display:flex}.estado-confirmado,.estado-activo{background:var(--cifra);color:var(--fondo)}.estado-descartado{background:var(--peligro-fondo);color:var(--peligro)}.proximo{color:var(--texto-2);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.proximo.hoy{color:var(--cifra)}.volver{min-height:48px;color:var(--enlace);background:0 0;border:0;justify-self:start;align-items:center;gap:2px;margin-left:-8px;padding:0 8px;font-weight:700;display:inline-flex}.bloque-cabeza{justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-top:-8px;display:flex}.dato{border-bottom:1px solid var(--borde);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.dato:last-of-type{border-bottom:0}.dato.largo{gap:2px;display:grid}.dato.largo b{text-align:left;font-weight:600}.dato b{text-align:right}.enlace-dato{color:var(--enlace);align-items:center;gap:6px;display:inline-flex}.fila-mensaje{border:0;border-bottom:1px solid var(--borde);min-height:52px;color:var(--texto);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-weight:700;display:grid}.fila-check{border-bottom:1px solid var(--borde);align-items:flex-start;gap:12px;min-height:48px;padding:10px 0;display:flex}.fila-check input{width:22px;height:22px;accent-color:var(--cifra);flex:none;margin-top:1px}.contacto-fila{border-bottom:1px solid var(--borde);gap:2px;padding:10px 0;display:grid}.fila-hoy{border:0;border-top:1px solid var(--borde);width:100%;min-height:56px;color:var(--texto);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.fila-hoy-texto{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;gap:2px;padding:0;display:grid}.fila-hoy-texto b{align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.fila-hoy-texto .nota{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fila-hoy .chip{flex:none}.fila-hoy>svg{color:var(--texto-2);flex:none}.pestanas{border-bottom:1px solid var(--borde);grid-template-columns:repeat(4,minmax(0,1fr));margin:-4px -16px 0;display:grid}.pestanas button{min-height:48px;color:var(--texto-2);background:0 0;border:0;border-bottom:3px solid #0000;font-size:15px;font-weight:700}.pestanas button[aria-selected=true]{color:var(--texto);border-bottom-color:var(--cifra)}.estado-pildora{border:1px solid var(--borde);background:var(--superficie-2);color:var(--texto-2);border-radius:999px;flex:none;align-items:center;display:inline-flex;position:relative}.estado-pildora select{appearance:none;color:var(--texto);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 32px 0 14px;font-size:14px;font-weight:700}.estado-pildora svg{pointer-events:none;position:absolute;right:12px}.con-acciones{padding-bottom:80px}.barra-acciones{z-index:9;left:0;right:0;bottom:calc(65px + env(safe-area-inset-bottom));background:var(--fondo);border-top:1px solid var(--borde);gap:8px;max-width:560px;margin:0 auto;padding:10px 16px;display:flex;position:fixed}.barra-acciones .boton{white-space:nowrap;flex:auto;padding:0 14px;font-size:15px;text-decoration:none}.barra-acciones .boton.secundario{flex:0 auto}.vista-mensaje{background:var(--superficie-2);white-space:pre-wrap;border-radius:12px;padding:14px;line-height:1.5}.campo select,.campo textarea{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.campo select{min-height:52px}details summary{cursor:pointer;min-height:32px}.agregar{border:2px solid var(--cifra);width:48px;height:48px;color:var(--cifra);background:0 0;border-radius:999px;place-items:center;margin-top:8px;display:inline-grid}.icono-barra{display:inline-grid;position:relative}.globo{background:var(--cifra);min-width:20px;height:20px;color:var(--fondo);border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-6px;right:-12px}.aviso-flotante{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:15;background:var(--superficie-2);max-width:528px;color:var(--texto);border:1px solid var(--borde);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin:0 auto;padding:4px 6px 4px 16px;font-weight:700;display:flex;position:fixed}.cot-total{color:var(--texto);font-size:20px;font-weight:700}.cot-emitida,.cot-enviada,.cot-vista,.cot-en_conversacion{background:var(--superficie-2);color:var(--enlace)}.cot-aprobada,.cot-vendida{background:var(--cifra);color:var(--fondo)}.cot-perdida,.cot-vencida{background:var(--peligro-fondo);color:var(--peligro)}.linea-cot{border-bottom:1px solid var(--borde);gap:6px;padding:12px 0;display:grid}.linea-cabeza{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.linea-total{white-space:nowrap;font-size:16px;font-weight:700}.linea-cot .datos{color:var(--texto-2);font-size:12px;font-weight:var(--peso-chico);flex-wrap:wrap;gap:4px 12px;display:flex}.linea-acciones{align-items:center;gap:12px;display:flex}.linea-acciones .icono-boton:last-child{margin-left:auto}.cantidad{background:var(--superficie-2);border-radius:999px;align-items:center;gap:2px;display:inline-flex}.cantidad b{text-align:center;min-width:28px;font-size:16px}.totales .total-grande{color:var(--texto);font-size:24px}.pre{white-space:pre-line}.agregar.chico{flex:none;width:44px;height:44px;margin:0}.chip-boton{border:1px solid var(--cifra);color:var(--cifra);cursor:pointer;background:0 0;min-height:28px}.panel-alto{max-height:88dvh;overflow-y:auto}.costo-chico{color:var(--cifra);white-space:nowrap;font-size:18px;font-weight:700}.fila-tasa{border-bottom:1px solid var(--borde);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.fila-tasa label{grid-column:1/-1}.fila-tasa input{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;min-width:0;min-height:48px;padding:0 12px;font-size:16px}.plantilla{border-bottom:1px solid var(--borde);padding:12px 0}.pendiente{border-bottom:1px solid var(--borde);padding:10px 0}.pendiente select{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.producto.con-foto{grid-template-columns:64px 1fr auto}.producto.con-foto .foto-producto{object-fit:contain;background:#fff;border-radius:10px;grid-row:1/span 2;width:64px;height:64px}.foto-grande{justify-items:center;gap:4px;margin:0;display:grid}.foto-grande img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;width:100%;max-width:320px;height:auto}.edad-lista{align-items:center;gap:5px;display:inline-flex}.edad-lista i{background:var(--texto-2);border-radius:999px;flex:none;width:8px;height:8px}.edad-lista.fresca i{background:var(--cifra)}.edad-lista.vieja{color:var(--peligro)}.edad-lista.vieja i{background:var(--peligro)}.nombre-boton{all:unset;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--borde);text-decoration-color:var(--borde);text-underline-offset:4px;display:block}.nombre-boton:focus-visible{outline:2px solid var(--cifra);outline-offset:2px;border-radius:4px}.chip.a-mano{background:var(--superficie-2);color:var(--cifra)}.cifras-producto{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cifras-producto p{background:var(--superficie-2);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.cifras-producto b{font-size:20px}.subtitulo-chico{margin-top:4px;font-size:15px;font-weight:700}.explicacion{border:1px solid var(--borde);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.explicacion.usa{border-color:var(--cifra)}.explicacion .paso{color:var(--texto-2);justify-content:space-between;gap:12px;font-size:13px;display:flex}.explicacion .paso b{color:var(--texto);white-space:nowrap}.manual{border:1px solid var(--cifra);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.manual svg{vertical-align:-2px;color:var(--cifra)}.fila-margen{grid-template-columns:1fr 96px auto;align-items:center;gap:8px;display:grid}.fila-margen label{font-size:14px;font-weight:700}.fila-margen input{border:1px solid var(--borde);background:var(--superficie-2);min-width:0;min-height:48px;color:var(--texto);border-radius:12px;padding:0 12px;font-size:16px}.fila-aviso{all:unset;cursor:pointer;border-top:1px solid var(--borde);gap:2px;padding:10px 0;display:grid}.fila-aviso:focus-visible{outline:2px solid var(--cifra);outline-offset:2px}.fila-vieja{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.fila-vieja .nota svg{vertical-align:-2px}.fila-acciones{white-space:nowrap;align-items:center;gap:8px;display:flex}.proveedor .datos .vieja{color:var(--cifra);font-weight:700}.cifra{color:var(--cifra)}.enlace-web{word-break:break-all;font-size:13px;font-weight:var(--peso-chico);background:var(--superficie-2);border:1px solid var(--borde);color:var(--texto-2);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.enlace-web svg,.dato-web svg{flex:none;margin-top:2px}.dato-web{align-items:flex-start;gap:8px;display:flex}.acciones-web{grid-template-columns:1fr 1fr;gap:8px;display:grid}.acciones-web .boton{white-space:nowrap;padding:0 12px;font-size:15px;text-decoration:none}.confirmar{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;padding:12px}.plantilla textarea{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;width:100%;padding:12px;font-size:15px;line-height:1.5}.fila-resultado{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.ped-enviado,.ped-confirmado{background:var(--superficie-2);color:var(--enlace)}.ped-recibido{background:var(--cifra);color:var(--fondo)}.ped-cancelado{background:var(--peligro-fondo);color:var(--peligro)}@media (prefers-reduced-motion:no-preference){.esqueleto{animation:1.2s ease-in-out 3 pulso}@keyframes pulso{50%{opacity:.55}}.aparece{animation:.2s cubic-bezier(.2,.7,.3,1) both aparece}@keyframes aparece{0%{opacity:0;transform:translateY(6px)}}.cambio{animation:.16s ease-out both cambio}@keyframes cambio{0%{opacity:0}}.velo{animation:.18s ease-out both cambio}.panel{animation:.24s cubic-bezier(.2,.8,.2,1) both sube}@keyframes sube{0%{opacity:0;transform:translateY(32px)}}.resultados{transition:opacity .15s}.boton,.icono-boton,.chip-filtro,.temas button,.barra button,.sugerencia{transition:transform .12s ease-out,opacity .12s,background-color .15s,color .15s}.boton:active,.chip-filtro:active,.temas button:active,.sugerencia:active{transform:scale(.97)}.barra button:active svg{transform:scale(.9)}.barra button svg{transition:transform .12s ease-out}.pasos span{transition:background-color .25s}}.barra{z-index:10;background:var(--fondo);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.barra nav{grid-template-columns:repeat(5,1fr);max-width:560px;margin:0 auto;display:grid}.barra button{min-height:64px;color:var(--inactivo);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:700;display:grid}.barra button[aria-current=page]{color:var(--cifra)}.velo{z-index:20;background:var(--velo);align-items:end;display:grid;position:fixed;inset:0}.panel{background:var(--superficie);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:16px;width:100%;max-width:560px;margin:0 auto;display:grid}.temas{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.temas button{border:1px solid var(--borde);background:var(--superficie-2);border-radius:12px;min-height:48px;font-weight:700}.temas button[aria-pressed=true]{border:2px solid var(--cifra)}.marca-entrada{text-align:center;justify-items:center;gap:16px;padding:32px 0 8px;display:grid}.marca-entrada img.icono{width:96px;height:96px}.pasos{justify-content:center;gap:6px;display:flex}.pasos span{background:var(--borde);border-radius:999px;width:28px;height:4px}.pasos span.hecho{background:var(--cifra)}.codigos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.codigos code{letter-spacing:.5px;background:var(--superficie-2);text-align:center;border-radius:10px;padding:12px;font:700 16px/1.2 Quicksand Variable,sans-serif}.secreto{word-break:break-all;background:var(--superficie-2);border-radius:10px;padding:12px;font-weight:700}.boton.peligro{background:var(--peligro-fondo);color:var(--peligro);border:1px solid var(--peligro)}