/* Cotiza · cotiza-real: lo que la página de verdad agrega al prototipo aprobado y el requisito de Juan (1 nov 2026): CADA PASO SE VE ENTERO
   EN UNA PANTALLA, SIN DESPLAZAR (390 × 664 con la barra de Safari, 390 × 844 con la isla, 360 × 640 y 1440 × 900).
   - Tamaños fluidos con clamp() y svh; campos de dos columnas cuando caben; el mapa en su propia hoja; las sugerencias encima.
   - Niveles de ajuste (data-ap en .qz, historia.js → ajustar()): 0 es el diseño; 1 a 3 aprietan espacios y tamaños solo si el paso
     desborda. Objetivos de 44 px siempre. Prueba: tests/navegador/cotiza.web.mjs. */

/* ---------- piezas nuevas ---------- */
.trampa{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.lmc-btn,.lmc-globo{display:none!important} /* el chat real se abre con Bombi de la barra fija */
.qz-bombi.mudo{visibility:hidden}
body.qz-abierto{overflow:hidden}
.fila{display:grid;gap:10px}
.fila.dos{grid-template-columns:1fr 1fr}
.fila>*{min-width:0}
.lbl-fila{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.lbl-fila label{margin-bottom:6px}
.geo-est{display:inline-flex;align-items:center;gap:4px;font:700 12.5px/1 var(--f);color:var(--lima-tx);white-space:nowrap}
.geo-est svg{width:14px;height:14px}
.con-boton{display:flex;gap:6px}
.con-boton input{flex:1;min-width:0}
.btn-mapa{flex:none;display:grid;place-items:center;width:52px;border-radius:16px;border:1.5px solid var(--linea2);background:var(--sup);color:#EA4335}
.btn-mapa svg{width:22px;height:22px}
.campo.mal-geo .btn-mapa{border-color:var(--error)}
.campo .err:empty{display:none}
.lchip.lchip-otra{padding:0 14px 0 10px;gap:6px;color:var(--azul-tx);background:var(--sup);white-space:nowrap}
.lchip.lchip-otra svg{width:16px;height:16px}
.otra-op{margin-top:8px}
.qz .sug{position:absolute;z-index:6;top:auto}
.campo .cf,.fila .cf{margin:0}
.q6p{margin:0;color:var(--tinta2)}
.acciones.fin .ir{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 8px}
.acciones.fin .ir[hidden]{display:none}
/* hoja del mapa: no empuja el formulario */
.hoja-mapa{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,4,12,.55);opacity:0;transition:opacity .25s}
.hoja-mapa.abierta{opacity:1}
.hm-panel{width:100%;max-width:560px;display:grid;gap:10px;padding:12px max(16px,var(--sar)) calc(14px + var(--sab)) max(16px,var(--sal));border-radius:26px 26px 0 0;
  background:var(--papel);border:1px solid var(--linea2);border-bottom:0;transform:translateY(24px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.hoja-mapa.abierta .hm-panel{transform:none}
.hm-cab{display:flex;align-items:center;justify-content:space-between;font:800 18px/1.1 var(--f)}
.hm-cab .qz-x{margin:0 -8px 0 0}
.hoja-mapa .mapa{height:min(46svh,360px);display:grid;place-items:center;color:var(--tinta2);font-size:14px}
.mapa-lienzo{position:absolute;inset:0}
.mapa .pin.fijo{z-index:500;pointer-events:none}
.mapa.ok .pin.fijo{transform:rotate(-45deg) scale(1)}
.hm-ayuda{margin:0;font-size:13.5px;color:var(--tinta2)}
.hm-acc{display:flex;gap:10px}
.hm-acc .btn-g{flex:1;min-height:48px;font-size:15px;padding:0 12px}
.hm-acc .btn-g svg{color:#EA4335}
.hm-acc .btn-p{flex:1.3;min-height:48px;font-size:16px;padding:0 14px}
@media (min-width:768px){.hoja-mapa{align-items:center}.hm-panel{border-radius:26px;border-bottom:1px solid var(--linea2)}}

/* ---------- portada: «Cotizar» a la vista sin desplazar ---------- */
/* el foco, el cordón, el halo y Bombi se escalan con la altura de la escena (proporciones del prototipo a 270 px) */
@media (max-width:1099px){
  .hero-vis{--hv:clamp(150px,calc(100svh - 500px - var(--sat) - var(--sab)),330px);height:var(--hv)}
  .cordon{height:calc(var(--hv) * .193)}
  .foco{top:calc(var(--hv) * .178);width:calc(var(--hv) * .415);margin-left:calc(var(--hv) * -.2075);transform-origin:50% calc(var(--hv) * -.178)}
  .halo{width:calc(var(--hv) * 1.04);height:calc(var(--hv) * 1.04);margin:calc(var(--hv) * -.52) 0 0 calc(var(--hv) * -.52)}
  .bombi-h{width:calc(var(--hv) * .304)}
  .hola{bottom:calc(var(--hv) * .548)}
}

/* ---------- la historia en el teléfono y la tableta: compacta y fluida ---------- */
@media (max-width:1099px){
  .qz-top{padding-top:calc(var(--sat) + 6px)}
  .qz-fila{margin-top:2px}
  .qz-bombi{min-height:clamp(46px,8svh,70px);padding:0 16px}
  .qz-bombi img{width:clamp(30px,5.4svh,42px)}
  .qz-dice{margin:0 0 4px;padding:7px 12px;font-size:14.5px}
  .qz-hoja{padding:6px max(16px,var(--sar)) 10px max(16px,var(--sal))}
  .qz-h{margin:0 0 clamp(8px,1.6svh,14px);font-size:clamp(24px,4.4svh,30px)}
  .qz-pie{padding:8px max(16px,var(--sar)) calc(8px + var(--sab)) max(16px,var(--sal))}
  .qz-pie .btn-p,.qz-pie .btn-g{min-height:clamp(48px,7.4svh,52px)}
  /* qué pedir: tres cajas en una fila y los blísteres en otra */
  .grupo{margin:clamp(6px,1.4svh,16px) 0 6px}
  /* cajas */
  .linea-act{margin-bottom:8px}
  .linea-act img{height:clamp(38px,6.4svh,54px)}
  .opc{margin-bottom:8px}
  .sel{grid-template-columns:clamp(48px,8svh,64px) 1fr clamp(48px,8svh,64px);padding:8px;border-radius:22px}
  .sel button{width:clamp(48px,8svh,64px);height:clamp(48px,8svh,64px);border-radius:16px}
  .sel input{font-size:clamp(40px,7svh,58px)}
  .cajitas{margin:clamp(8px,1.6svh,14px) 0 2px;gap:4px}
  .cajitas i{width:16px;height:16px;border-radius:4px}
  .pedido{margin-top:clamp(8px,1.6svh,14px);padding:12px}
  .nota{margin-top:8px;font-size:13px}
  /* ficha */
  .mini-prog{margin:0 0 6px}
  .campos{gap:clamp(8px,1.4svh,14px)}
  .campo label,.lbl2{margin:0 0 4px;font-size:14px}
  .campo input,.campo select{min-height:clamp(46px,7svh,56px);padding:0 12px;border-radius:14px;font-size:16px}
  .campo select{background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;padding-right:26px}
  .btn-mapa{width:clamp(46px,7svh,56px);border-radius:14px}
  .campo .err{margin-top:3px;font-size:12.5px;line-height:1.25}
  .campos .cf{min-height:clamp(46px,7svh,62px);padding:4px 4px 4px 12px}
  .cf b{font-size:15px}
  .fina{margin-top:8px;font-size:12px;line-height:1.35}
  /* precio */
  .monto{padding:clamp(14px,2.4svh,22px) 18px clamp(12px,2.2svh,20px);border-radius:22px}
  .monto .grande{margin:6px 0 2px;font-size:clamp(30px,5.6svh,46px)}
  .monto .s{font-size:14px}
  .lineas{margin-top:clamp(8px,1.4svh,12px);border-radius:18px}
  .linea{padding:clamp(7px,1.3svh,12px) 14px;font-size:14.5px}
  .llega{margin-top:8px;padding:clamp(8px,1.4svh,12px) 14px;font-size:14.5px}
  .empujon{margin-top:8px;padding:8px 8px 8px 12px}
  .empujon p{font-size:14px}
  .empujon p small{font-size:12.5px}
  .empujon button{min-height:44px}
  .acciones{margin-top:clamp(10px,1.8svh,16px);gap:8px}
  .acciones .btn-p.grande{min-height:clamp(50px,7.6svh,58px)}
  .acciones .btn-g{min-height:48px}
  /* listo */
  .fiesta{width:160px;height:clamp(84px,17svh,224px)}
  .fiesta img{width:auto;height:calc(clamp(84px,17svh,224px) - 36px)} /* el salto (32 px) cabe en la escena: Bombi entero */
  .num-ped{margin:4px 0}
  .listo .qz-h{margin-bottom:2px}
  .listo .lineas{margin-top:8px}
  .gana{margin-top:10px;padding:12px 14px}
  .gana-cab .qz-dice{font-size:13.5px;padding:6px 10px}
  .gana h3{margin:8px 0 6px;font-size:18px}
  .gana-campo .pre{min-height:48px}
  .gana-campo input{font-size:20px}
  .gana small{margin-top:6px}
  .listo.gana-activa .fiesta,.listo.gana-activa .linea.envio{display:none}
}

/* ---------- niveles de ajuste (solo si el paso desborda) ---------- */
.qz[data-ap="1"] .qz-h,.qz[data-ap="2"] .qz-h,.qz[data-ap="3"] .qz-h{font-size:clamp(21px,3.6svh,26px);margin-bottom:6px}
.qz[data-ap="1"] .campos,.qz[data-ap="2"] .campos,.qz[data-ap="3"] .campos{gap:8px}
.qz[data-ap="1"] .fila,.qz[data-ap="2"] .fila,.qz[data-ap="3"] .fila{gap:8px}
.qz[data-ap="1"] .campo input,.qz[data-ap="1"] .campo select,.qz[data-ap="2"] .campo input,.qz[data-ap="2"] .campo select,.qz[data-ap="3"] .campo input,
.qz[data-ap="3"] .campo select,.qz[data-ap="2"] .btn-mapa,.qz[data-ap="3"] .btn-mapa{min-height:44px;height:44px}
.qz[data-ap="1"] .campo label,.qz[data-ap="2"] .campo label,.qz[data-ap="3"] .campo label{font-size:13px;margin-bottom:3px}
.qz[data-ap="1"] .linea,.qz[data-ap="2"] .linea,.qz[data-ap="3"] .linea{padding-top:6px;padding-bottom:6px}
.qz[data-ap="1"] .fiesta,.qz[data-ap="2"] .fiesta,.qz[data-ap="3"] .fiesta{height:clamp(70px,12svh,160px)}
.qz[data-ap="1"] .fiesta img,.qz[data-ap="2"] .fiesta img{width:auto;height:calc(clamp(70px,12svh,160px) - 34px)}
.qz[data-ap="2"] .qz-bombi,.qz[data-ap="3"] .qz-bombi{min-height:40px}
.qz[data-ap="2"] .qz-bombi img,.qz[data-ap="3"] .qz-bombi img{width:28px}
.qz[data-ap="2"] .qz-dice,.qz[data-ap="3"] .qz-dice{font-size:13.5px;padding:5px 10px}
.qz[data-ap="2"] .mini-prog,.qz[data-ap="3"] .mini-prog{display:none}
.qz[data-ap="2"] .monto,.qz[data-ap="3"] .monto{padding:10px 16px}
.qz[data-ap="2"] .monto .grande,.qz[data-ap="3"] .monto .grande{font-size:30px;margin:4px 0 0}
.qz[data-ap="2"] .llega,.qz[data-ap="3"] .llega{padding:6px 12px}
.qz[data-ap="2"] .acciones,.qz[data-ap="3"] .acciones{margin-top:8px}
.qz[data-ap="2"] .acciones .btn-p.grande,.qz[data-ap="3"] .acciones .btn-p.grande{min-height:48px}
.qz[data-ap="2"] .acciones .btn-g,.qz[data-ap="3"] .acciones .btn-g{min-height:44px}
.qz[data-ap="2"] .cajitas,.qz[data-ap="3"] .cajitas{margin:6px 0 0}
.qz[data-ap="2"] .sel input,.qz[data-ap="3"] .sel input{font-size:38px}
.qz[data-ap="2"] .listo .linea.envio,.qz[data-ap="3"] .listo .linea.envio{display:none}
.qz[data-ap="3"] .fiesta{display:none}
.qz[data-ap="3"] .nota{display:none}
.qz[data-ap="3"] .cajitas{display:none}
.qz[data-ap="3"] .otra-op button{min-height:44px}
.qz[data-ap="3"] .otra-op img{height:30px}
.qz[data-ap="3"] .linea-act img{display:none}
.qz[data-ap="3"] .grupo{margin:4px 0}
.qz[data-ap="3"] .campo .err{margin-top:1px;font-size:11.5px;line-height:1.15}
.qz[data-ap="3"] .qz-bombi{min-height:34px}
.qz[data-ap="3"] .qz-bombi img{width:20px}
.qz[data-ap="3"] .qz-dice{font-size:13px;padding:4px 9px;margin-bottom:2px}
.qz[data-ap="3"] .fina{margin-top:4px;font-size:11.5px}
.qz[data-ap="3"] .qz-pie .btn-p,.qz[data-ap="3"] .qz-pie .btn-g{min-height:46px}

/* ---------- PC: el prototipo, con la hoja de cada paso a la vista entera ---------- */
@media (min-width:1100px){
  .qz-hoja{padding:12px 4px 16px}
  .fila{gap:12px}
  .campos{gap:12px}
  .qz .sug{max-width:580px}
}

/* objetivos de 44 px también en los campos de número (cajas y precio de venta) */
.sel input{min-height:44px}
.gana-campo .pre{align-items:stretch}
.gana-campo .pre i{align-self:center}
.gana-campo input{min-height:44px}
.hm-acc>*{min-width:0}
.hm-acc .btn-g,.hm-acc .btn-p{padding:0 10px;font-size:15px;white-space:normal;text-align:center;line-height:1.15}

/* Bombi SIEMPRE entero (Juan, 1 nov 2026): la figura de cuerpo entero en todas partes, sin máscara redonda ni recorte */
.gana-cab img{width:auto;height:clamp(40px,7svh,56px);border-radius:0;background:none;flex:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.qz-bombi img{height:auto;object-fit:contain}
.dock .dk.bombi{width:auto;height:58px;padding:0 4px;border-radius:0;background:none;box-shadow:none}
.dock .dk.bombi img{height:56px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
/* en el último nivel: el título de la ficha queda para lectores (el paso ya lo dice arriba) y Bombi del cierre más pequeño, pero entero */
.qz[data-ap="3"][data-paso="tu"] .qz-h,.qz[data-ap="3"][data-paso="negocio"] .qz-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.qz[data-ap="3"] .gana{padding:10px 12px}
.qz[data-ap="3"] .gana-cab img{height:34px}
.qz[data-ap="3"] .gana-cab .qz-dice{font-size:12.5px;padding:4px 9px}
.qz[data-ap="3"] .gana h3{margin:6px 0 4px;font-size:17px}
.qz[data-ap="3"] .listo.gana-activa .q6p{display:none}

/* qué pedir (Juan, 1 nov 2026): todas las opciones del MISMO tamaño, en filas de borde a borde: foto a la izquierda, nombre y detalle
   al centro y la marca de selección a la derecha. Así caben todas juntas sin desplazar. */
.mcs,.mcs.n3{display:flex;flex-direction:column;gap:clamp(6px,1.2svh,10px)}
.mc,.mc.ancha{flex-direction:row;align-items:center;gap:12px;width:100%;min-height:clamp(56px,9.4svh,76px);padding:0 12px 0 0;border-radius:18px;grid-column:auto}
.mc .foto,.mc.ancha .foto{flex:none;width:clamp(64px,11svh,92px);height:auto;align-self:stretch;min-height:clamp(56px,9.4svh,76px)}
.mc .foto img{width:auto;max-width:90%;height:clamp(44px,7.6svh,64px);object-fit:contain}
.mc .tx2{flex:1;min-width:0;padding:6px 0}
.mc b{font-size:clamp(15px,2.5svh,17px)}
.mc span{margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc .ok{position:static;flex:none;width:30px;height:30px;opacity:1;transform:none;background:transparent;border:2px solid var(--linea2);color:transparent}
.mc[aria-pressed="true"] .ok{background:var(--azul);border-color:var(--azul);color:#fff}
.grupo{margin:clamp(6px,1.4svh,14px) 0 6px}
.qz[data-ap="2"] .mc,.qz[data-ap="3"] .mc,.qz[data-ap="2"] .mc .foto,.qz[data-ap="3"] .mc .foto{min-height:52px}
.qz[data-ap="2"] .mc .foto img,.qz[data-ap="3"] .mc .foto img{height:40px}

/* cajas (Juan, 1 nov 2026): el número se toca y se escribe; atajos de un toque; con el teclado abierto solo queda lo que se escribe */
.sel input{cursor:text;border-radius:14px}
.sel input:focus{background:var(--azul-suave);outline:2px solid var(--azul);outline-offset:2px}
.atajos{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
.atajos button{min-height:44px;border-radius:14px;border:1.5px solid var(--linea2);background:var(--sup);font:800 16px/1 var(--f);font-variant-numeric:tabular-nums}
.atajos button[aria-pressed="true"]{border-color:var(--azul);background:var(--azul);color:#fff}
.qz{transition:clip-path .6s cubic-bezier(.65,0,.25,1),height .15s}
.qz[data-teclado="1"] .qz-bombi,.qz[data-teclado="1"] .qz-pie,.qz[data-teclado="1"] .pedido,.qz[data-teclado="1"] .cajitas,.qz[data-teclado="1"] .opc{display:none}
.qz[data-ap="3"] .atajos{margin-top:6px}
.qz[data-ap="3"] .sel{grid-template-columns:44px 1fr 44px;padding:5px}
.qz[data-ap="3"] .sel button{width:44px;height:44px}
.qz[data-ap="3"] .linea-act{margin-bottom:4px}

/* «Factura con valor fiscal»: casilla opcional, objetivo de 44 px */
.casilla{display:flex;align-items:center;gap:10px;min-height:44px;font:700 14.5px/1.2 var(--f);cursor:pointer}
.casilla input{width:22px;height:22px;margin:0;accent-color:var(--azul);flex:none}
.qz[data-ap="3"] .casilla{min-height:44px;font-size:13.5px}
.qz[data-ap="3"] .fila.ref-fac{grid-template-columns:1.25fr 1fr;align-items:end}
/* RNC o cédula: una línea de ayuda debajo (Juan, 1 nov 2026) */
.campo .ayuda{margin-top:3px;font-size:12px;line-height:1.2}
.qz[data-ap="3"] .campo .ayuda{font-size:11.5px;margin-top:1px}

/* cierre (Juan, 1 nov 2026): «Pedido Nº» arriba, separado del título; Bombi entero dentro del círculo de luz (con sus pies) */
.listo .num-ped{margin:6px 0 12px}
.fiesta{place-items:center}
.fiesta .rayos{inset:-16px -40px -16px}
.qz[data-ap="3"] .listo .num-ped{margin:0 0 7px}
.qz[data-ap="2"] .listo .num-ped,.qz[data-ap="1"] .listo .num-ped{margin:2px 0 9px}

/* «Hablar con Bombi» (Juan, 1 nov 2026: fuera WhatsApp del precio y del cierre): Bombi entero y pequeño en el botón */
.bombi-b img{height:30px;width:auto;flex:none}
.oferta-app{margin:8px 0 0;padding:10px 14px;border-radius:16px;background:var(--lima-suave);color:var(--lima-tx);font:800 15px/1.3 var(--f);text-align:center}

/* precio (Juan, 1 nov 2026): el precio por bombillo en grande; el total detallado debajo */
.monto .grande{font-size:clamp(46px,9svh,68px)}
.lineas .linea.total{font-weight:800;font-size:16px;color:var(--tinta);background:var(--azul-suave)}
.lineas .linea.total span{color:var(--tinta)}
.lineas .linea.total b{font-size:18px}
.lineas .linea.envio b{font-weight:600;font-size:13px;white-space:normal;color:var(--tinta2)}
.qz[data-ap="2"] .monto .grande,.qz[data-ap="3"] .monto .grande{font-size:40px}
.qz[data-ap="3"] .lineas .linea{padding-top:4px;padding-bottom:4px;font-size:13.5px}

/* incentivo para subir de nivel (Juan, 1 nov 2026) */
.empujon{margin-top:10px}
.empujon p{font-size:14.5px}
.empujon.tope{grid-template-columns:1fr;background:var(--lima-suave);color:var(--lima-tx)}
.empujon.tope p{display:flex;align-items:center;gap:8px;min-height:24px}
.empujon.tope svg{width:18px;height:18px}
.qz[data-ap="3"] .gana-res{gap:2px;margin-top:6px}
.qz[data-ap="3"] .gana-res div{font-size:13.5px}
.qz[data-ap="3"] .gana-res .tot{padding-top:4px}
.qz[data-ap="3"] .gana-res .tot b{font-size:17px}
.qz[data-ap="3"] .gana small{margin-top:3px;font-size:11.5px}
.qz[data-ap="3"] .gana-campo .pre{min-height:44px}
.qz[data-ap="3"] .listo.gana-activa .lineas{display:none}

/* «Hacer pedido» (Juan, 1 nov 2026): sin flecha, más vivo y llamativo; un solo destello al aparecer (no infinito) */
.btn-p.pedir{position:relative;overflow:hidden;min-height:60px;font-size:20px;letter-spacing:-.01em;color:#fff;
  background:linear-gradient(115deg,#1544DB 0%,#3D6BFA 42%,#22B8FF 100%);box-shadow:0 14px 30px -12px rgba(34,184,255,.75),0 0 0 3px rgba(61,107,250,.18),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-p.pedir::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:destello 1.4s ease .6s 1 both}
@keyframes destello{from{left:-40%}to{left:130%}}
.btn-p.pedir:disabled{opacity:.6}
.qz[data-ap="2"] .acciones .btn-p.pedir,.qz[data-ap="3"] .acciones .btn-p.pedir{min-height:56px;font-size:19px}

/* qué pedir (Juan, 1 nov 2026): cada fila con su color de borde a borde (paleta de los correos) y los vatios como gráfico */
.mc.fila-prod{background:var(--fondo-fila);border-color:transparent;color:#fff;box-shadow:0 10px 22px -16px rgba(10,20,49,.6)}
.mc.fila-prod .foto{background:none}
.mc.fila-prod .foto img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.mc.fila-prod b{color:#fff;font-size:clamp(16px,2.6svh,19px)}
.mc.fila-prod .tx2 span{color:rgba(255,255,255,.88);font:600 12.5px/1.2 var(--f)}
.mc.fila-prod .vatios{flex:none;display:inline-flex;align-items:baseline;justify-content:center;min-width:58px;padding:6px 10px;border-radius:14px;
  background:rgba(255,255,255,.96);color:#0A1431;font:900 26px/1 var(--f);font-stretch:112%;letter-spacing:-.04em;box-shadow:inset 0 -3px 0 rgba(10,20,49,.12)}
.mc.fila-prod .vatios i{font:800 14px/1 var(--mono);font-style:normal;margin-left:1px;color:#1544DB}
.mc.fila-prod .ok{border-color:rgba(255,255,255,.7)}
.mc.fila-prod[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.55),0 10px 22px -16px rgba(10,20,49,.6)}
.mc.fila-prod[aria-pressed="true"] .ok{background:#fff;border-color:#fff;color:#0A1431}
.qz[data-ap="2"] .mc.fila-prod .vatios,.qz[data-ap="3"] .mc.fila-prod .vatios{font-size:22px;min-width:52px}