:root{
--font-sans:'Figtree Variable',Figtree,system-ui,-apple-system,'Segoe UI',sans-serif;
--font-disp:var(--font-sans);
--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
--surface-1:#fff;--surface-2:#f4f5f9;--surface-3:#e9ebf2;--surface-3-encima:#dfe2ec;
--ink-1:#0f1115;--ink-2:#4a4e5c;--ink-inv:#f2f3fa;--osc-encima:#262833;
--accent:#0a2bff;--accent-deep:#0620c4;--accent-soft:#eef0ff;
--alerta:#b3261e;--alerta-soft:#fdf2f1;
--accent-linea:#cdd4ff;--alerta-linea:#f2c8c4;--alerta-deep:#8f1e18;--alerta-deeper:#7a1a14;
--ok:#0f7b4d;
--ojo:#8a4600;--ojo-suave:#fff4e5;--ojo-linea:#f5d9b3;
--line:#e4e6ee;--line-2:#dcdfe8;
--lat-fondo:#0b0b0f;--lat-tinta-1:#f2f3fa;--lat-tinta-2:#c3c7de;--lat-tinta-3:#9aa3d6;--lat-producto:#aab4ff;
--lat-velo:rgba(242,243,250,.06);--lat-velo-2:rgba(242,243,250,.12);
--lat-ojo:#f0a64a;
--sombra:0 1px 2px rgba(15,17,21,.04);
--boton:#0b0b0f;--accent-velo:#fbfbff;--velo-venta:rgba(244,245,249,.58);
--sombra-alta:0 24px 56px -24px rgba(15,17,21,.26);
--step--1:.75rem;
--step-0:.875rem;
--step-1:1rem;
--step-2:1rem;
--step-3:1.375rem;
--step-4:1.75rem;
--lh-display:1.2;--lh-title:1.27;--lh-body:1.6;--lh-label:1.3;--lh-ui:1.43;
--track-display:-.01em;--track-title:0;--track-label:.12em;
--fw-cuerpo:400;--fw-ui:600;--fw-disp:700;
--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;
--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;
--radius:1rem;--radius-sm:.625rem;--radius-pill:100px;--radius-foco:3px;
--measure:62ch;--wrap:65rem;--gutter:var(--sp-5);
--ease:cubic-bezier(.16,1,.3,1);--dur-fast:140ms;
--toque:44px;--alto-abajo:3.75rem
}
@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url(/publico/fuentes/inter.woff2) format('woff2-variations')}
@font-face{font-family:'Figtree Variable';font-style:normal;font-display:swap;font-weight:300 900;src:url(/publico/fuentes/figtree.woff2) format('woff2-variations')}
@font-face{font-family:'Marca Serif';font-style:italic;font-display:block;font-weight:400;src:url(/publico/marca/instrument-serif-to.woff2) format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-size:100%;text-rendering:optimizeLegibility}
@media (max-width:560px){
input,select,textarea{font-size:1rem!important}
}
body{margin:0;background:var(--surface-2);color:var(--ink-1);
font-family:var(--font-sans);font-size:var(--step-1);font-weight:var(--fw-cuerpo);
line-height:var(--lh-body);min-height:100dvh;display:flex;flex-direction:column}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--font-disp);font-weight:var(--fw-disp);
text-wrap:balance;text-transform:none;hyphens:none;margin:0}
h1{font-size:var(--step-4);line-height:var(--lh-display);
letter-spacing:var(--track-display);margin-bottom:var(--sp-3)}
h2{font-size:var(--step-3);line-height:var(--lh-title);
letter-spacing:var(--track-title);margin-bottom:var(--sp-4)}
h3{font-size:var(--step-1);line-height:var(--lh-title);
letter-spacing:var(--track-title);margin-bottom:var(--sp-3)}
p{margin:0 0 var(--sp-3);color:var(--ink-2);text-wrap:pretty;max-width:var(--measure)}
strong{font-weight:var(--fw-ui);color:var(--ink-1)}
code{font-family:var(--font-mono);font-size:inherit;overflow-wrap:anywhere;
background:var(--surface-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);
box-shadow:inset 0 0 0 1px var(--line)}
a:link,a:visited{color:var(--accent);text-decoration:none;
text-decoration-thickness:1px;text-underline-offset:3px;}
a:hover{color:var(--accent-deep);text-decoration:underline}
a:active{color:var(--accent-deep);text-decoration:underline}
a:focus{color:var(--accent-deep)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-foco)}
.cbt-salto{position:absolute;left:-9999px;top:0;background:var(--surface-1);
color:var(--ink-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);
font-size:var(--step-0);font-weight:var(--fw-ui);z-index:20}
.cbt-salto:focus,.cbt-salto:focus-visible{left:var(--gutter);top:var(--sp-3);
box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-1)}
.cbt-wrap{max-width:var(--wrap);margin:0 auto;
padding-inline:var(--gutter)}
.cbt-logo{height:1.5rem;width:auto;display:block;color:var(--ink-1)}
main{display:block;flex:1;padding-block:var(--sp-7) var(--sp-8)}
.cbt-pie{background:var(--surface-1);box-shadow:inset 0 1px 0 var(--line-2);
padding-block:var(--sp-4);font-size:var(--step--1);color:var(--ink-2)}
.cbt-pie__fila{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);
align-items:baseline;justify-content:space-between}
.cbt-pie p{margin:0;color:var(--ink-2);max-width:none}
.cbt-pie__legal{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);
list-style:none;margin:0;padding:0}
.cbt-pie a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--toque);min-width:var(--toque)}
.cbt-pie a:link,.cbt-pie a:visited{color:var(--ink-2);text-decoration:none;
display:inline-flex;align-items:center;min-height:var(--toque)}
.cbt-pie a:hover,.cbt-pie a:active,.cbt-pie a:focus{color:var(--ink-1);
text-decoration:underline}
.cbt-pie a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;
border-radius:var(--radius-foco)}
.cbt-lede{font-size:var(--step-2);color:var(--ink-2);margin:0 0 var(--sp-6);
max-width:var(--measure)}
.cbt-card{background:var(--surface-1);border-radius:var(--radius);
box-shadow:inset 0 0 0 1px var(--line-2),var(--sombra);padding:var(--sp-6);
margin-bottom:var(--sp-5);container-type:inline-size}
.cbt-card > *:last-child{margin-bottom:0}
.cbt-pill{display:inline-flex;align-items:center;gap:var(--sp-2);
font-size:var(--step--1);font-weight:var(--fw-ui);line-height:var(--lh-label);
font-variant-numeric:tabular-nums;padding:var(--sp-1) var(--sp-3);
border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);
box-shadow:inset 0 0 0 1px var(--line-2)}
.cbt-pill--ok{color:var(--accent);background:var(--accent-soft);
box-shadow:inset 0 0 0 1px var(--accent-linea)}
.cbt-pill--mal{color:var(--alerta);background:var(--alerta-soft);
box-shadow:inset 0 0 0 1px var(--alerta-linea)}
.cbt-btn{display:inline-flex;align-items:center;justify-content:center;
gap:var(--sp-2);position:relative;border:0;cursor:pointer;
font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--fw-ui);
line-height:var(--lh-label);text-decoration:none;text-transform:none;white-space:nowrap;
padding:var(--sp-3) var(--sp-4);min-height:var(--toque);
border-radius:var(--radius-sm);background:var(--boton);color:var(--ink-inv);
transition:transform var(--dur-fast) var(--ease)}
.cbt-btn:link,.cbt-btn:visited{color:var(--ink-inv);text-decoration:none}
.cbt-btn:hover{background:var(--osc-encima);color:var(--ink-inv);
text-decoration:none}
.cbt-btn:active{background:var(--ink-1);transform:translateY(1px)}
.cbt-btn:focus{color:var(--ink-inv)}
.cbt-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cbt-btn:disabled{background:var(--line-2);color:var(--ink-2);cursor:not-allowed}
.cbt-btn--sm{font-size:var(--step-0);padding:var(--sp-2) var(--sp-4)}
.cbt-btn--peligro{background:var(--alerta);color:var(--ink-inv)}
.cbt-btn--peligro:hover{background:var(--alerta-deep)}
.cbt-btn--peligro:active{background:var(--alerta-deeper)}
.cbt-btn--peligro:focus-visible{outline:2px solid var(--alerta);outline-offset:3px}
.cbt-card--peligro{box-shadow:inset 0 0 0 1px var(--alerta)}
.cbt-card--peligro h2{color:var(--alerta)}
.cbt-pill{white-space:nowrap}
.cbt-campo{display:block;margin-bottom:var(--sp-4)}
.cbt-campo > span{display:block;font-size:var(--step--1);font-weight:var(--fw-ui);
letter-spacing:var(--track-label);text-transform:uppercase;
line-height:var(--lh-label);color:var(--ink-2);margin-bottom:var(--sp-2)}
input:not([type=hidden],[type=checkbox],[type=radio],[type=submit],[type=button],[type=file],[type=range],[type=color]),select,textarea{width:100%;
font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--fw-cuerpo);
line-height:var(--lh-label);color:var(--ink-1);background:var(--surface-1);
padding:var(--sp-3) var(--sp-4);min-height:var(--toque);border:0;
border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line-2);}
input::placeholder{color:var(--ink-2);opacity:1}
textarea{display:block;resize:vertical;min-height:9rem;line-height:var(--lh-body)}
input:not([type=hidden],[type=checkbox],[type=radio],[type=submit],[type=button],[type=file],[type=range],[type=color]):hover,select:hover,textarea:hover{
box-shadow:inset 0 0 0 1px var(--ink-2)}
select{appearance:none;padding-right:var(--sp-7);cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236e6e78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right var(--sp-4) center}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{
outline:2px solid var(--accent);outline-offset:3px}
table,.cbt-tabla{width:100%;border-collapse:collapse;font-size:var(--step-0);
font-variant-numeric:tabular-nums}
th{text-align:left;font-size:var(--step--1);font-weight:var(--fw-ui);
letter-spacing:var(--track-label);text-transform:uppercase;
line-height:var(--lh-label);color:var(--ink-2);
padding:0 var(--sp-3) var(--sp-3) 0;box-shadow:inset 0 -1px 0 var(--line)}
td{padding:var(--sp-4) var(--sp-3) var(--sp-4) 0;vertical-align:top;
box-shadow:inset 0 -1px 0 var(--line)}
th:last-child,td:last-child{padding-right:0}
tbody tr:last-child td{box-shadow:none}
[id]{scroll-margin-top:var(--sp-6)}
.u-solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;
clip-path:inset(50%);white-space:nowrap}
.cbt-aviso,.cbt-ok-aviso{border-radius:var(--radius-sm);
padding:var(--sp-3) var(--sp-4);font-size:var(--step-0);
margin:0 0 var(--sp-5);max-width:var(--measure)}
.cbt-aviso{background:var(--accent-soft);color:var(--ink-1);
box-shadow:inset 0 0 0 1px var(--accent-linea)}
.cbt-ok-aviso{background:var(--accent-soft);color:var(--ink-1);
box-shadow:inset 0 0 0 1px var(--accent-linea);font-weight:var(--fw-ui)}
.cbt-aviso--mal{background:var(--alerta-soft);color:var(--ink-1);
box-shadow:inset 0 0 0 1px var(--alerta-linea)}
.u-m0{margin:0}
.u-mt-4{margin:var(--sp-4) 0 0}
.u-mt-5{margin:var(--sp-5) 0 0}
.u-mt-6{margin:var(--sp-6) 0 0}
.cbt-card details summary{cursor:pointer}
.u-meta{font-size:var(--step--1);color:var(--ink-2)}
.u-num{font-variant-numeric:tabular-nums}
@media (max-width:560px){
:root{--gutter:var(--sp-4)}
.cbt-card{padding:var(--sp-5)}
}
.cbt-pestanas{display:flex;align-items:flex-end;gap:var(--sp-2);margin:0 0 var(--sp-6);overflow-x:auto;
box-shadow:inset 0 -1px 0 var(--line-2);scrollbar-width:none}
.cbt-pestana{flex:none;display:inline-flex;align-items:center;min-height:var(--toque);padding:0 var(--sp-5);
border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-3);white-space:nowrap;
font-size:var(--step-1);font-weight:var(--fw-ui);}
.cbt-pestana:link,.cbt-pestana:visited{color:var(--ink-2);text-decoration:none}
.cbt-pestana:hover,.cbt-pestana:active,.cbt-pestana:focus{color:var(--ink-1);background:var(--surface-3-encima);text-decoration:none}
.cbt-pestana:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cbt-pestana.es-activo:link,.cbt-pestana.es-activo:visited,.cbt-pestana.es-activo:hover,.cbt-pestana.es-activo:focus{color:var(--ink-1);
background:var(--surface-1);box-shadow:inset 1px 0 0 var(--line-2),inset -1px 0 0 var(--line-2),inset 0 1px 0 var(--line-2)}
.cbt-pill--ojo{color:var(--ojo);background:var(--ojo-suave);box-shadow:inset 0 0 0 1px var(--ojo-linea)}
.cbt-saludo{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.cbt-saludo h1{margin:0}
.cbt-saludo h1 + .u-meta{margin-top:var(--sp-2);font-size:var(--step-0);line-height:var(--lh-body);max-width:var(--measure);text-wrap:pretty}
.cbt-tabla-envuelta{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:560px){
.cbt-pestanas{flex-wrap:wrap;overflow-x:visible;row-gap:var(--sp-2)}
}
@media (max-width:560px){
.cbt-pestanas{flex-wrap:nowrap;overflow-x:auto;gap:var(--sp-1)}
.cbt-pestana{padding:0 var(--sp-3);font-size:var(--step-0)}
}
.cbt-acepto{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);margin:0 0 var(--sp-4);font-size:var(--step-0);color:var(--ink-1);cursor:pointer}
.cbt-acepto input[type=checkbox]{flex:none;width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--accent);cursor:pointer}
.cbt-card details > summary{min-height:var(--toque);display:flex;align-items:center;font-weight:var(--fw-ui);color:var(--ink-1)}
.cbt-card details > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-foco)}
.cbt-hueco{display:flex;align-items:center;gap:var(--sp-3);min-height:3.5rem;padding-block:var(--sp-3)}
.cbt-hueco__txt{flex:1;min-width:0;display:flex;flex-direction:column}
.cbt-hueco__t{font-size:var(--step-0);font-weight:var(--fw-ui);color:var(--ink-1)}
.cbt-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}
.cbt-pack{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-2)}
.cbt-pack__cab{display:flex;align-items:center;justify-content:space-between;min-height:1.5rem}
.cbt-pack__precio{margin:0;font-size:var(--step-1);font-weight:var(--fw-ui);color:var(--ink-1)}
.cbt-pack__precio span{font-size:var(--step-0);font-weight:var(--fw-cuerpo);color:var(--ink-2)}
.cbt-pack .cbt-btn{margin-top:auto;align-self:stretch}
@media (max-width:560px){
.cbt-hueco{flex-wrap:wrap}
}
.cbt-tabla--limpia th{padding:0 var(--sp-3) var(--sp-3) 0;white-space:nowrap}
.cbt-tabla--limpia td{padding:var(--sp-3) var(--sp-3) var(--sp-3) 0;vertical-align:middle}
tfoot td{font-weight:var(--fw-ui);color:var(--ink-1);box-shadow:inset 0 1px 0 var(--line-2)}
.cbt-pestanas{overscroll-behavior-x:contain}
@media (max-width:560px){
.cbt-pestanas{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x proximity}
.cbt-pestana{scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;
animation-iteration-count:1 !important;transition-duration:.01ms !important;
scroll-behavior:auto !important}
}
.app-lista{list-style:none;margin:0;padding:0}
.app-acciones{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end}
.app-tarjeta,.app-fila{position:relative}
.app-tarjeta__enlace::after,.app-fila__enlace::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.app-fila__enlace::after{border-radius:var(--radius-sm)}
.app-fila{border-radius:var(--radius-sm);padding-inline:var(--sp-2);margin-inline:calc(var(--sp-2)*-1)}
.app-tarjeta:hover,.app-fila:hover{box-shadow:inset 0 0 0 1px var(--ink-2)}
.app-hilo{display:flex;flex-direction:column;gap:var(--sp-3)}
.app-mensaje--soporte{border-color:var(--accent-linea);background:var(--accent-soft)}
.app-mensaje__texto{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-1);margin-top:var(--sp-2)!important}
.cbt-pestanas{gap:var(--sp-5)}
.cbt-pestana{padding:0;border-radius:0;background:none}
.cbt-pestana:hover,.cbt-pestana:active,.cbt-pestana:focus{background:none;box-shadow:inset 0 -2px 0 var(--line-2)}
.cbt-pestana.es-activo:link,.cbt-pestana.es-activo:visited,.cbt-pestana.es-activo:hover,.cbt-pestana.es-activo:focus{background:none;box-shadow:inset 0 -2px 0 var(--ink-1)}
.app-campos{border:0;margin:0;padding:0;min-width:0}
.app-btn-auto{align-self:flex-start}
.app-btn-claro:link,.app-btn-claro:visited,.app-btn-claro{background:var(--surface-1);color:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line-2);margin-top:0}
.app-btn-claro:hover,.app-btn-claro:active{background:var(--surface-2);color:var(--ink-1);text-decoration:none}
body.app-venta{position:relative;isolation:isolate}
.app-venta__fondo{position:fixed;inset:-1.5rem;z-index:-1;display:flex;filter:blur(12px);transform:scale(1.04);opacity:.9;pointer-events:none}
.app-venta__fondo::after{content:"";position:absolute;inset:0;background:var(--velo-venta)}
.app-venta__lat{flex:0 0 15.5rem;background:var(--lat-fondo)}
.app-venta__cuerpo{flex:1;display:flex;flex-direction:column}
.app-venta__barra{height:4.5rem;background:var(--surface-1);box-shadow:inset 0 -1px 0 var(--line)}
.app-venta__rejilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);padding:var(--sp-7) var(--sp-8)}
.app-venta__bloque{height:7.5rem;border-radius:var(--radius);background:var(--surface-1)}
.app-venta__bloque--azul{background:var(--accent)}
.app-venta__bloque--ancho{grid-column:span 3;height:20rem}
.app-venta__bloque--alto{height:20rem}
main.app-venta__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-7) var(--gutter)}
.app-venta__tarjeta{width:100%;max-width:27.5rem;background:var(--surface-1);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line),var(--sombra-alta);padding:var(--sp-7) var(--sp-6) var(--sp-6);text-align:center}
.app-venta__tarjeta--media{max-width:35rem;text-align:left}
.app-venta__tarjeta--ancha{max-width:47.5rem;text-align:left}
.app-venta__tarjeta h1{font-size:var(--step-4);line-height:var(--lh-title);letter-spacing:-.01em;margin:0 0 var(--sp-2)}
.app-venta__tarjeta p{max-width:none}
.app-venta__tarjeta .cbt-lede{font-size:var(--step-1);color:var(--ink-2);margin:0 0 var(--sp-5);text-wrap:balance}
.app-venta__tarjeta .cbt-btn{width:100%}
.app-venta__tarjeta .cbt-campo{margin-bottom:var(--sp-4)}
.app-venta__tarjeta .cbt-campo > span{font-size:var(--step--1);letter-spacing:0;text-transform:none;color:var(--ink-1)}
.app-opcional{font-weight:var(--fw-cuerpo);color:var(--ink-2)}
.app-form{margin:0;text-align:left}
.app-venta__marca{display:flex;align-items:center;justify-content:center;width:max-content;min-height:var(--toque);margin:0 auto var(--sp-5)}
.app-venta__marca .cbt-logo{height:1.75rem}
.app-venta__marca:link,.app-venta__marca:visited,.app-venta__marca:focus{color:var(--ink-1)}
.app-venta__marca:hover,.app-venta__marca:active{color:var(--accent)}
.app-venta__marca:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-foco)}
.app-venta__marca--izq{margin:0}
.app-venta__marca--izq .cbt-logo{height:1.375rem}
.app-venta__cab{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}
.app-venta__paso{margin:0;font-size:var(--step--1);font-weight:var(--fw-ui);letter-spacing:var(--track-label);text-transform:uppercase;line-height:var(--lh-label);color:var(--ink-2)}
.app-venta__volver{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--toque);font-size:var(--step-0);font-weight:var(--fw-ui)}
.app-venta__volver:link,.app-venta__volver:visited{color:var(--ink-2);text-decoration:none}
.app-venta__volver:hover,.app-venta__volver:active,.app-venta__volver:focus{color:var(--ink-1);text-decoration:none}
.app-venta__volver:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-foco)}
.app-venta__flecha{flex:none}
.app-venta__fuera{margin:0;font-size:var(--step-0);color:var(--ink-2);text-align:center;max-width:none}
.app-venta__fuera a{font-weight:var(--fw-ui)}
.app-venta .cbt-pie{background:transparent;box-shadow:none}
.app-venta .cbt-pie__fila{justify-content:center}
.app-google{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%}
.app-google:link,.app-google:visited{background:var(--surface-1);color:var(--boton);box-shadow:inset 0 0 0 1px var(--boton);text-decoration:none}
.app-google:hover,.app-google:active{background:var(--surface-2);color:var(--boton);text-decoration:none}
.app-google:focus{color:var(--boton)}
.app-google:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.app-google__g{flex:none;width:1.125rem;height:1.125rem}
.app-o{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;font-size:var(--step--1);color:var(--ink-2)}
.app-o::before,.app-o::after{content:"";flex:1;height:1px;background:var(--line)}
.app-marcas{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-5);font-size:var(--step--1);color:var(--ink-2)}
.app-marcas li{display:inline-flex;align-items:center;gap:var(--sp-1)}
.app-marcas__svg{flex:none;width:.875rem;height:.875rem;color:var(--ok)}
.app-legal{margin:var(--sp-5) 0 0;padding-top:var(--sp-4);box-shadow:inset 0 1px 0 var(--line);font-size:var(--step--1);color:var(--ink-2);text-align:center;text-wrap:balance}
.app-nota{margin:var(--sp-4) 0 0;font-size:var(--step--1);color:var(--ink-2);text-wrap:balance}
.app-ico{flex:0 0 2.75rem;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.app-ico__svg{width:1.375rem;height:1.375rem}
.app-venta__tarjeta > .app-ico{margin-bottom:var(--sp-4)}
.app-puertas{border:0;margin:var(--sp-2) 0 0;padding:0;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.app-puertas__t{padding:0;margin-bottom:var(--sp-3);font-size:var(--step--1);font-weight:var(--fw-ui);color:var(--ink-1)}
.app-puerta{display:flex;align-items:center;gap:var(--sp-4);width:100%;min-height:var(--toque);padding:var(--sp-4);border:0;border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);font:inherit;text-align:left;cursor:pointer}
.app-puerta:link,.app-puerta:visited{color:var(--ink-1);text-decoration:none}
.app-puerta:hover,.app-puerta:active{box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-velo);color:var(--ink-1);text-decoration:none}
.app-puerta:focus{color:var(--ink-1)}
.app-puerta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.app-puerta__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}
.app-puerta__t{font-size:var(--step-1);font-weight:var(--fw-ui);line-height:var(--lh-title);color:var(--ink-1)}
.app-puerta__d{font-size:var(--step-0);line-height:var(--lh-ui);color:var(--ink-2);text-wrap:pretty}
.app-puerta__ed{font-size:var(--step--1);font-weight:var(--fw-ui);color:var(--accent)}
.app-puerta__flecha{flex:none;width:1.25rem;height:1.25rem;color:var(--ink-2);transition:transform var(--dur-fast) var(--ease)}
.app-puerta:hover .app-puerta__flecha{transform:translateX(3px);color:var(--accent)}
.app-tipos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.app-puerta--tipo{height:100%;align-items:flex-start}
.app-puerta--otro{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.app-puerta--otro .app-ico{background:var(--surface-1);color:var(--ink-2)}
.app-opciones{border:0;margin:0 0 var(--sp-5);padding:0;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.app-op{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--toque);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.app-op:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.app-op:has(input:checked){box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.app-op:has(input:disabled){opacity:.55;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--line)}
.app-op:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.app-op input{flex:none;width:1.125rem;height:1.125rem;margin:0;accent-color:var(--accent);cursor:inherit}
.app-op input:focus-visible{outline:none}
.app-op__txt{flex:1;min-width:0;display:flex;flex-direction:column}
.app-op__t{font-size:var(--step-1);font-weight:var(--fw-ui);line-height:var(--lh-title);color:var(--ink-1)}
.app-op__d{font-size:var(--step--1);line-height:var(--lh-label);color:var(--ink-2)}
.app-op__precio{flex:0 1 13rem;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.app-op__precio .app-op__t{font-size:var(--step-0);white-space:nowrap}
.app-op__precio .app-op__d{text-wrap:balance}
.app-grupo{display:flex;flex-direction:column;margin:var(--sp-3) 0 0;padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--line)}
.app-grupo__t{font-size:var(--step-1);font-weight:var(--fw-ui);color:var(--ink-1)}
.app-grupo__d{font-size:var(--step--1);line-height:var(--lh-label);color:var(--ink-2)}
.app-op--grupo{margin-left:var(--sp-5)}
.app-prefijo{display:flex;align-items:stretch;border-radius:var(--radius-sm);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}
.app-prefijo:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.app-prefijo__txt{display:flex;align-items:center;padding:0 var(--sp-3) 0 var(--sp-4);background:var(--surface-2);box-shadow:inset -1px 0 0 var(--line);font-size:var(--step-0);color:var(--ink-2)}
.app-prefijo input,.app-prefijo input:hover{box-shadow:none;border-radius:0;background:transparent}
.app-prefijo input:focus-visible{outline:none}
@media (max-width:720px){
.app-venta__fondo{display:none}
}
@media (max-width:640px){
.app-tipos{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
main.app-venta__main{justify-content:flex-start;padding-block:var(--sp-5)}
.app-venta__tarjeta{padding:var(--sp-6) var(--sp-5) var(--sp-5)}
.app-op__d{display:none}
.app-venta__tarjeta h1{font-size:var(--step-3)}
}
@media (prefers-reduced-motion:reduce){
.app-puerta,.app-op,.app-puerta__flecha{transition:none}
.app-puerta:hover .app-puerta__flecha{transform:none}
}
body.app-panel{background:var(--lat-fondo)}
.app-marco{flex:1;display:flex;align-items:stretch;min-height:100dvh}
.app-l{flex:0 0 16.5rem;width:16.5rem;position:sticky;top:0;height:100dvh;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-3) var(--sp-3);background:var(--lat-fondo);color:var(--lat-tinta-1);-webkit-font-smoothing:antialiased}
.app-l__marca{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--toque);padding:0 var(--sp-2);border-radius:var(--radius-sm);white-space:nowrap}
.app-l__marca:link,.app-l__marca:visited,.app-l__marca:hover,.app-l__marca:active,.app-l__marca:focus{color:var(--lat-tinta-1);text-decoration:none}
.app-l__marca .cbt-logo{height:1.25rem;color:inherit}
.app-l__ed{padding-left:var(--sp-3);box-shadow:inset 1px 0 0 var(--lat-velo-2);font-size:var(--step-0);font-weight:var(--fw-ui);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--lat-producto)}
.app-l a:focus-visible,.app-l summary:focus-visible,.app-l button:focus-visible,.app-cab a:focus-visible,.app-mas a:focus-visible,.app-mas button:focus-visible{outline:2px solid var(--lat-tinta-1);outline-offset:2px;border-radius:var(--radius-sm)}
.app-l__cuenta,.app-l__yo{position:relative}
.app-l__resumen{list-style:none;display:flex;align-items:center;gap:var(--sp-3);min-height:3.5rem;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);background:var(--lat-velo);box-shadow:inset 0 0 0 1px var(--lat-velo-2);cursor:pointer}
.app-l__resumen:hover{background:var(--lat-velo-2)}
.app-l__resumen::-webkit-details-marker,.app-l__a::-webkit-details-marker{display:none}
.app-l__ini{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--lat-tinta-1);color:var(--lat-fondo);font-size:var(--step--1);font-weight:var(--fw-ui);line-height:1}
.app-l__ini--yo{width:1.5rem;height:1.5rem;border-radius:var(--radius-pill);background:var(--lat-producto)}
.app-l__quien{flex:1;min-width:0;display:flex;flex-direction:column;line-height:var(--lh-label)}
.app-l__n{font-size:var(--step-0);font-weight:var(--fw-ui);color:var(--lat-tinta-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-l__d{font-size:var(--step--1);color:var(--lat-tinta-2)}
.app-l__chev{flex:none;margin-left:auto;width:1rem;height:1rem;color:var(--lat-tinta-3);transition:transform var(--dur-fast) var(--ease)}
.app-l__cuenta[open] > summary .app-l__chev,.app-l__grupo[open] > summary .app-l__chev{transform:rotate(180deg)}
.app-l__menu{position:absolute;left:0;right:0;top:calc(100% + var(--sp-1));z-index:40;list-style:none;margin:0;padding:var(--sp-1);background:var(--surface-1);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line-2),var(--sombra-alta);-webkit-font-smoothing:auto}
.app-l__menu--arriba{top:auto;bottom:calc(100% + var(--sp-1))}
.app-l__menu a,.app-l__menu button{display:flex;align-items:center;width:100%;min-height:var(--toque);padding:0 var(--sp-3);border:0;border-radius:var(--radius-sm);background:none;font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--fw-cuerpo);line-height:var(--lh-ui);text-align:left;cursor:pointer}
.app-l__menu a:link,.app-l__menu a:visited,.app-l__menu button{color:var(--ink-1);text-decoration:none}
.app-l__menu a:hover,.app-l__menu a:active,.app-l__menu button:hover{background:var(--surface-2);color:var(--ink-1);text-decoration:none}
.app-l__menu a:focus-visible,.app-l__menu button:focus-visible{outline-color:var(--accent);outline-offset:-2px}
.app-l__nota{padding:var(--sp-2) var(--sp-3);font-size:var(--step--1);line-height:var(--lh-label);color:var(--ink-2)}
.app-l__salir{margin:0}
.app-l__ir{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--toque);padding:0 var(--sp-3);border:0;border-radius:var(--radius-sm);background:none;font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--lh-ui);color:var(--lat-tinta-2);cursor:pointer}
.app-l__ir:hover{background:var(--lat-velo);color:var(--lat-tinta-1)}
.app-l__ir[hidden]{display:none}
.app-l__tecla{margin-left:auto;padding:0 var(--sp-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--lat-velo-2);font-family:var(--font-sans);font-size:var(--step--1);line-height:var(--lh-ui);color:var(--lat-tinta-2)}
.app-l__nav{flex:1}
.app-l__lista,.app-l__sub{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.app-l__sub{padding-left:var(--sp-6)}
.app-l__a{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--toque);padding:0 var(--sp-3);border:0;border-radius:var(--radius-sm);background:none;font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--fw-cuerpo);line-height:var(--lh-ui);text-align:left;list-style:none;cursor:pointer}
.app-l__a:link,.app-l__a:visited,.app-l__a{color:var(--lat-tinta-1);text-decoration:none}
.app-l__a:hover,.app-l__a:active{background:var(--lat-velo);color:var(--lat-tinta-1);text-decoration:none}
.app-l__a[aria-current]:link,.app-l__a[aria-current]:visited,.app-l__a[aria-current]:hover{background:var(--lat-velo-2);color:var(--lat-tinta-1);font-weight:var(--fw-ui)}
.app-l__a--sub:link,.app-l__a--sub:visited{color:var(--lat-tinta-2)}
.app-l__a--sub:hover{color:var(--lat-tinta-1)}
.app-l__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-l__ico{flex:none;width:1.125rem;height:1.125rem;color:var(--lat-tinta-2)}
.app-l__a[aria-current] .app-l__ico{color:var(--lat-tinta-1)}
.app-l__meta{margin-left:auto;flex:none;font-size:var(--step--1);font-weight:var(--fw-ui);color:var(--lat-ojo)}
.app-l__insignia{margin-left:auto;flex:none;min-width:1.5rem;padding:0 var(--sp-2);border-radius:var(--radius-pill);background:var(--lat-tinta-1);color:var(--lat-fondo);font-size:var(--step--1);font-weight:var(--fw-ui);line-height:var(--lh-ui);text-align:center;font-variant-numeric:tabular-nums}
.app-l__promo{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius);background:var(--lat-velo);box-shadow:inset 0 0 0 1px var(--lat-velo-2)}
.app-l__promo-eti{margin:0;font-size:var(--step--1);font-weight:var(--fw-ui);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--lat-producto)}
.app-l__promo-t{margin:0;font-size:var(--step-1);font-weight:var(--fw-ui);line-height:var(--lh-title);color:var(--lat-tinta-1)}
.app-l__promo-d{margin:0;font-size:var(--step-0);line-height:var(--lh-ui);color:var(--lat-tinta-2);text-wrap:pretty}
.app-l__promo-p{margin:0;font-size:var(--step--1);line-height:var(--lh-label);color:var(--lat-tinta-2);font-variant-numeric:tabular-nums}
.app-l__promo-btn{display:flex;align-items:center;justify-content:center;min-height:var(--toque);margin-top:var(--sp-1);border-radius:var(--radius-sm);font-size:var(--step-0);font-weight:var(--fw-ui)}
.app-l__promo-btn:link,.app-l__promo-btn:visited{background:var(--accent);color:var(--ink-inv);text-decoration:none}
.app-l__promo-btn:hover,.app-l__promo-btn:active{background:var(--accent-deep);color:var(--ink-inv);text-decoration:none}
.app-l__pie{display:flex;flex-direction:column;padding-top:var(--sp-2);box-shadow:inset 0 1px 0 var(--lat-velo-2)}
.app-hoja{flex:1;min-width:0;display:flex;flex-direction:column;margin-top:var(--sp-2);background:var(--surface-2);border-radius:var(--radius) 0 0 0;box-shadow:inset 1px 1px 0 var(--line-2)}
main.app-col{flex:1;width:100%;max-width:75rem;margin-inline:auto;padding:var(--sp-6) var(--sp-6) var(--sp-8)}
.app-col [id]{scroll-margin-top:var(--sp-6)}
.app-hoja .cbt-pie{background:none}
.app-cab,.app-abajo{display:none}
.app-mas{margin:0 0 var(--sp-4);padding:var(--sp-2);border-radius:var(--radius);background:var(--lat-fondo);color:var(--lat-tinta-1)}
.app-mas .app-l__promo{background:none;box-shadow:none}
.app-ir{width:min(36rem,calc(100% - 2 * var(--gutter)));margin:12vh auto auto;padding:0;border:0;border-radius:var(--radius);background:var(--surface-1);color:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line-2),var(--sombra-alta)}
.app-ir::backdrop{background:var(--velo-venta)}
.app-ir__caja{margin:0}
.app-ir input.app-ir__q,.app-ir input.app-ir__q:hover{width:100%;min-height:3.5rem;padding:0 var(--sp-5);border:0;border-radius:var(--radius) var(--radius) 0 0;background:none;box-shadow:inset 0 -1px 0 var(--line);font-family:var(--font-sans);font-size:var(--step-1);color:var(--ink-1)}
.app-ir input.app-ir__q:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--accent)}
.app-ir__lista{list-style:none;margin:0;padding:var(--sp-2);max-height:50vh;overflow-y:auto}
.app-ir__a{display:flex;align-items:center;min-height:var(--toque);padding:0 var(--sp-3);border-radius:var(--radius-sm);font-size:var(--step-0);line-height:var(--lh-ui)}
.app-ir__a:link,.app-ir__a:visited{color:var(--ink-1);text-decoration:none}
.app-ir__a:hover,.app-ir__a:active,.app-ir__a:focus{background:var(--surface-2);color:var(--ink-1);text-decoration:none}
.app-ir__a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.app-ir__nada{padding:var(--sp-3);font-size:var(--step-0);color:var(--ink-2)}
.app-reco{margin-top:var(--sp-6);padding:var(--sp-5);border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line)}
.app-reco__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.app-reco__titulo{margin:0;font-size:var(--step-3);line-height:var(--lh-title)}
.app-reco__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--sp-3)}
.app-reco__t{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-fast) var(--ease)}
.app-reco__t:first-child{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-linea)}
.app-reco__t--todos{background:var(--surface-1)}
.app-reco__t:hover{box-shadow:inset 0 0 0 1px var(--ink-2)}
.app-reco__eti{margin:0;font-size:var(--step--1);font-weight:var(--fw-ui);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-2)}
.app-reco__t:first-child .app-reco__eti{color:var(--accent)}
.app-reco__h{margin:0;font-size:var(--step-1);line-height:var(--lh-title)}
.app-reco__a:link,.app-reco__a:visited{color:var(--ink-1);text-decoration:none}
.app-reco__a:hover,.app-reco__a:active,.app-reco__a:focus{color:var(--ink-1);text-decoration:none}
.app-reco__a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.app-reco__d{margin:0;font-size:var(--step-0);line-height:var(--lh-ui);color:var(--ink-2)}
.app-reco__pie{margin:auto 0 0;padding-top:var(--sp-2);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:nowrap;max-width:none}
.app-reco__precio{min-width:0;font-size:var(--step-0);font-weight:var(--fw-ui);color:var(--ink-1);font-variant-numeric:tabular-nums}
.app-reco__ir{flex:none;margin-left:auto;font-size:var(--step-0);font-weight:var(--fw-ui);color:var(--accent);white-space:nowrap}
.app-reco__t:hover .app-reco__ir{color:var(--accent-deep)}
@media (max-width:900px){
body.app-panel{background:var(--surface-2);padding-bottom:calc(var(--alto-abajo) + env(safe-area-inset-bottom))}
.app-l{display:none}
.app-hoja{margin-top:0;border-radius:0;box-shadow:none}
.app-cab{display:flex;align-items:center;min-height:3.5rem;padding:0 var(--gutter);background:var(--lat-fondo);position:sticky;top:0;z-index:20}
main.app-col{padding:var(--sp-5) var(--gutter) var(--sp-7)}
.app-abajo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface-1);box-shadow:inset 0 1px 0 var(--line);padding-bottom:env(safe-area-inset-bottom)}
.app-abajo__a{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--alto-abajo);font-size:var(--step--1);font-weight:var(--fw-ui);line-height:var(--lh-label)}
.app-abajo__a:link,.app-abajo__a:visited{color:var(--ink-2);text-decoration:none}
.app-abajo__a:hover,.app-abajo__a:active{color:var(--ink-1);text-decoration:none}
.app-abajo__a[aria-current]:link,.app-abajo__a[aria-current]:visited{color:var(--accent)}
.app-abajo__a[aria-current]::before{content:"";position:absolute;top:0;left:50%;width:2rem;height:2px;margin-left:-1rem;background:var(--accent)}
.app-abajo__a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-sm)}
.app-abajo__ico{width:1.375rem;height:1.375rem}
}
@media (prefers-reduced-motion:reduce){.app-l__chev,.app-reco__t{transition:none}}