:root{
  --fondo:#F1F1F2; --carta:#FFFFFF;
  --tinta:#16161A; --tinta-2:#6B6B75; --tinta-3:#9A9AA3;
  --linea:#EDEDEF; --linea-2:#E0E0E4;
  --rojo:#FE2C55; --rojo-suave:#FFF0F3; --oro:#FF9500;
  --marca:#EE6A16; --verificado:#2E9BF0; --uva:#9B2FA8;
  --accion:#12A554; --accion-osc:#0C8543; --accion-luz:#EAF7F0;
  --fuente:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r:12px; --rs:8px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--fuente);
  font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0;}
:focus-visible{outline:2px solid var(--accion);outline-offset:2px;}
.app{max-width:600px;margin:0 auto;background:var(--fondo);
  padding-bottom:calc(74px + env(safe-area-inset-bottom));overflow:hidden;}
.carta{background:var(--carta);margin-bottom:9px;padding:16px;}
.carta--pegada{padding:0;}
.carta__titulo{font-size:16px;font-weight:700;letter-spacing:-.015em;margin:0 0 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;}
.carta__mas{font-size:12.5px;color:var(--tinta-3);font-weight:500;}
.difiere{content-visibility:auto;contain-intrinsic-size:auto 640px;}

/* nav */
.nav{background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:45;max-width:600px;margin:0 auto;}
.nav__pista{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 12px;}
.nav__pista::-webkit-scrollbar{display:none;}
.nav__enlace{position:relative;white-space:nowrap;padding:11px 10px;font-size:13px;color:var(--tinta-3);font-weight:600;}
.nav__enlace[aria-current="true"]{color:var(--tinta);}
.nav__enlace[aria-current="true"]::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:26px;height:2px;background:var(--rojo);border-radius:2px;}

/* marca */
.cabecera{background:#fff;border-bottom:1px solid var(--linea);display:flex;align-items:center;
  justify-content:space-between;gap:12px;padding:9px 16px;max-width:600px;margin:0 auto;}
.cabecera__logo{height:26px;width:auto;}
.cabecera__nota{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--tinta-2);font-weight:600;}
.cabecera__nota svg{color:var(--verificado);}
.tienda{display:flex;align-items:center;gap:12px;}
.tienda__avatar{width:52px;height:52px;border-radius:50%;flex:none;object-fit:cover;border:1px solid var(--linea-2);background:#fff;}
.tienda__datos{min-width:0;flex:1;}
.tienda__nombre{display:flex;align-items:center;gap:5px;font-size:15.5px;font-weight:700;letter-spacing:-.012em;line-height:1.2;}
.tienda__verificado{color:var(--verificado);flex:none;}
.tienda__meta{font-size:12px;color:var(--tinta-3);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px 8px;}
.tienda__meta b{color:var(--tinta);font-weight:700;}
.tienda__ir{flex:none;font-size:12.5px;font-weight:700;border:1px solid var(--linea-2);border-radius:100px;padding:7px 14px;}
.tienda__desc{font-size:12.5px;color:var(--tinta-2);margin:11px 0 0;line-height:1.5;}
.tienda__pedidos{display:flex;align-items:center;gap:8px;margin-top:11px;padding:10px 12px;
  background:#FFF6F0;border-radius:var(--rs);font-size:12.5px;line-height:1.4;}
.tienda__pedidos svg{color:var(--marca);flex:none;}
.tienda__pedidos b{font-weight:800;}
.tienda__notas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;}
.tienda__nota{background:#FAFAFB;border-radius:var(--rs);padding:9px 6px;text-align:center;}
.tienda__nota b{display:block;font-size:14px;font-weight:800;letter-spacing:-.02em;}
.tienda__nota span{font-size:10.5px;color:var(--tinta-3);line-height:1.25;display:block;}

.aviso{background:var(--rojo);color:#fff;font-size:12.5px;font-weight:600;text-align:center;padding:8px 14px;}

/* galería 1:1 */
.visor{position:relative;background:#fff;}
.flecha{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:34px;height:34px;
  border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(0,0,0,.16);
  display:grid;place-items:center;color:var(--tinta);}
.flecha--izq{left:10px;}
.flecha--der{right:10px;}
.flecha[disabled]{opacity:.35;pointer-events:none;}
.pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.pista::-webkit-scrollbar{display:none;}
.pista__foto{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/1;background:#fff;}
.pista__foto img{width:100%;height:100%;object-fit:contain;background:#fff;display:block;}
.viendo{position:absolute;top:12px;left:12px;z-index:10;background:rgba(0,0,0,.7);color:#fff;
  font-size:11px;font-weight:600;padding:5px 10px;border-radius:100px;display:flex;align-items:center;gap:6px;}
.viendo__punto{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:late 1.6s ease-in-out infinite;}
@keyframes late{0%,100%{opacity:1;}50%{opacity:.35;}}
.visor__contador{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.62);color:#fff;
  font-size:12px;font-weight:600;padding:4px 10px;border-radius:100px;}
.visor__puntos{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:5px;justify-content:center;pointer-events:none;}
.punto{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);transition:width .2s,background .2s;}
.punto[data-activo="true"]{width:16px;background:#fff;border-radius:100px;}
/* oferta */
.oferta{background:linear-gradient(90deg,#FE2C55,#FF5C33);color:#fff;padding:11px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;}
.oferta__izq{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.oferta__baja{background:#fff;color:var(--rojo);font-size:11px;font-weight:800;padding:3px 7px;border-radius:4px;}
.oferta__precio{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.oferta__antes{font-size:11.5px;opacity:.85;text-decoration:line-through;}
.oferta__der{text-align:right;font-size:11px;line-height:1.35;}
.oferta__titulo{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-weight:700;}
.oferta__reloj{font-variant-numeric:tabular-nums;opacity:.92;}
.stock{background:#FFF5F3;border-bottom:1px solid #FDE0D8;padding:9px 16px;font-size:12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;}
.stock__barra{flex:1;height:5px;border-radius:100px;background:#F6D9D0;overflow:hidden;max-width:150px;}
.stock__lleno{display:block;height:100%;background:var(--rojo);border-radius:100px;}

/* precio */
.precio{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.precio__hoy{font-size:34px;font-weight:800;color:var(--rojo);letter-spacing:-.03em;line-height:1;}
.precio__antes{font-size:14px;color:var(--tinta-3);text-decoration:line-through;}
.precio__tag{background:var(--rojo-suave);color:var(--rojo);font-size:11.5px;font-weight:700;padding:3px 7px;border-radius:4px;}
.precio__linea{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;}
.precio__vendidos{font-size:12.5px;color:var(--tinta-3);}
.valoracion{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 6px;padding-top:13px;border-top:1px solid var(--linea);}
.valoracion__nota{font-size:15px;font-weight:800;letter-spacing:-.02em;}
.estrellas{color:var(--oro);letter-spacing:1.5px;font-size:14px;line-height:1;}
.valoracion__conteo{font-size:12.5px;color:var(--tinta-2);}
.valoracion__sello{margin-left:auto;font-size:11px;font-weight:700;color:var(--accion);
  background:var(--accion-luz);padding:3px 8px;border-radius:4px;white-space:nowrap;}
.producto__nombre{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 8px;letter-spacing:-.012em;}
.producto__sub{font-size:13.5px;color:var(--tinta-2);margin:0;}
.lote{display:flex;gap:9px;align-items:flex-start;background:var(--rojo-suave);border-radius:var(--rs);
  padding:11px 12px;font-size:13px;margin-top:14px;line-height:1.45;}
.lote svg{flex:none;color:var(--rojo);margin-top:2px;}

/* qué incluye */
.incluye{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.incluye__pieza{background:#FAFAFB;border-radius:var(--rs);padding:11px 8px;text-align:center;}
.incluye__ml{font-size:14.5px;font-weight:800;letter-spacing:-.02em;display:block;}
.incluye__uds{font-size:10.5px;color:var(--tinta-3);display:block;}
.incluye__forma{font-size:10px;color:var(--uva);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-top:2px;}
.incluye__total{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;
  background:#F8EFFA;border-radius:var(--rs);font-size:13px;line-height:1.4;}
.incluye__total svg{color:var(--uva);flex:none;}
.incluye__total b{font-weight:800;}

/* descripción ilustrada */
.desc__bloque{margin:0 0 20px;}
.desc__bloque:last-of-type{margin-bottom:0;}
.desc__foto{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--linea);margin-bottom:11px;}
.desc__foto img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;display:block;}
.desc__eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);display:block;margin-bottom:5px;}
.desc__h3{font-size:16px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px;}
.desc__p{font-size:13.5px;color:var(--tinta-2);margin:0;line-height:1.65;}

/* prueba social: videos + fotos */
.vcabeza{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;}
.vcabeza__tit{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.015em;}
.vcabeza__ico{width:20px;height:20px;border-radius:5px;background:var(--rojo);color:#fff;display:grid;place-items:center;flex:none;}
.vcabeza__mas{font-size:12.5px;color:var(--tinta-3);font-weight:500;white-space:nowrap;}
.videos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  margin:0 -16px;padding:0 16px 6px;scrollbar-width:thin;}
.videos::-webkit-scrollbar{height:6px;}
.videos::-webkit-scrollbar-track{background:#F1F1F2;border-radius:100px;}
.videos::-webkit-scrollbar-thumb{background:#C7C7CC;border-radius:100px;}
.clip{flex:0 0 calc(50% - 4px);scroll-snap-align:start;position:relative;border-radius:var(--rs);
  overflow:hidden;background:#111;padding:0;border:none;display:block;}
.clip video{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#111;}
.clip__capa{position:absolute;left:0;right:0;bottom:0;padding:22px 9px 8px;text-align:left;
  background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0));color:#fff;font-size:10.5px;
  line-height:1.25;pointer-events:none;}
.clip__capa b{display:block;font-weight:700;font-size:11px;}
.clip__estrellas{color:#FFC24D;font-size:9px;letter-spacing:.5px;}
.clip__sonido{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;pointer-events:none;}
.clip__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;pointer-events:none;}
.clip__play svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));opacity:.92;width:34px;height:34px;}
.clip.rodando .clip__play{display:none;}
.videos-nota{font-size:12px;color:var(--tinta-3);margin:11px 0 0;}
.ugc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;}
.ugc__pieza{position:relative;border-radius:var(--rs);overflow:hidden;background:#F6F6F7;border:none;padding:0;display:block;width:100%;}
.ugc__pieza img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.ugc__pie{position:absolute;left:0;right:0;bottom:0;padding:16px 5px 4px;text-align:left;
  background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0));color:#fff;font-size:8px;line-height:1.15;}
.ugc__pie b{display:block;font-weight:700;font-size:8.5px;}
.ugc__lupa{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;
  background:rgba(0,0,0,.5);display:grid;place-items:center;color:#fff;}
.cine{position:fixed;inset:0;z-index:95;background:#000;display:none;align-items:center;justify-content:center;}
.cine.abierto{display:flex;}
.cine video{width:100%;height:100%;max-height:100vh;object-fit:contain;background:#000;}
.cine__cerrar,.lupa__cerrar{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:36px;height:36px;
  border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;z-index:2;}
.lupa{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:16px;}
.lupa.abierta{display:flex;}
.lupa img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:var(--rs);}

/* servicio */
.filas{display:grid;gap:13px;}
.fila{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;}
.fila svg{color:var(--accion);margin-top:2px;}
.fila b{display:block;font-size:13.5px;font-weight:700;}
.fila span{font-size:12.5px;color:var(--tinta-2);line-height:1.45;}
.escudo{border:1px solid #F4C986;background:#FFF8EB;border-radius:var(--r);padding:13px;}
.escudo__cabeza{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:#7A4A00;margin-bottom:9px;}
.escudo__rejilla{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;font-size:12.5px;}
.escudo__item{display:flex;align-items:center;gap:6px;color:#5B3B08;}
.escudo__item svg{color:#B07B1E;flex:none;}
.entrega{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;
  padding:11px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin-top:14px;}
.entrega b{font-weight:700;}
.entrega__gratis{color:var(--accion);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;}
.pagos{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid var(--linea);}
.pagos__texto{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3);}
.pagos__marca{font-size:10.5px;font-weight:700;color:var(--tinta-2);border:1px solid var(--linea-2);border-radius:4px;padding:4px 7px;}
.pagos__marca--ssl{display:inline-flex;align-items:center;gap:4px;color:var(--accion);border-color:#CFE9DC;}
.mensajeria{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;}
.mensajeria span{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--tinta-2);
  background:#F6F6F7;border-radius:100px;padding:5px 10px;}

/* reseñas */
.rescabeza{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.rescabeza__tit{font-size:16px;font-weight:700;letter-spacing:-.015em;}
.rescabeza__ver{color:var(--tinta-3);}
.resumen{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--linea);margin-bottom:4px;}
.resumen__nota{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.estrellas{color:var(--oro);letter-spacing:1.5px;font-size:14px;line-height:1;}
.resumen__txt{font-size:12.5px;color:var(--tinta-2);}
.resena{padding:16px 0;border-bottom:1px solid var(--linea);}
.resena:last-of-type{border-bottom:none;padding-bottom:4px;}
.resena__cabeza{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.resena__avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:12.5px;font-weight:800;color:#fff;}
.resena__quien{font-size:14px;font-weight:700;line-height:1.2;display:block;}
.resena__linea{display:flex;align-items:center;gap:8px;margin-top:2px;}
.resena__fecha{font-size:12px;color:var(--tinta-3);}
.resena__texto{font-size:13.5px;margin:0 0 10px;line-height:1.6;}
.resena__pie{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11.5px;color:var(--accion);font-weight:700;}
.resena__todas{display:block;text-align:center;padding:13px;margin-top:6px;border:1px solid var(--linea-2);
  border-radius:var(--r);font-size:13.5px;font-weight:700;}

/* motivos / comparativa / beneficios */
.motivo{display:grid;grid-template-columns:26px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid var(--linea);}
.motivo:last-of-type{border-bottom:none;}
.motivo__n{width:26px;height:26px;border-radius:50%;background:var(--rojo-suave);color:var(--rojo);
  display:grid;place-items:center;font-size:12px;font-weight:800;}
.motivo h3{font-size:14px;font-weight:700;margin:0 0 3px;}
.motivo p{font-size:13px;color:var(--tinta-2);margin:0;line-height:1.5;}
.cuenta{background:var(--tinta);color:#fff;border-radius:var(--rs);padding:16px;display:flex;
  align-items:center;justify-content:space-between;gap:14px;margin-top:14px;}
.cuenta p{margin:0;font-size:13px;color:rgba(255,255,255,.78);line-height:1.45;}
.cuenta b{color:#fff;font-size:14px;display:block;margin-bottom:3px;}
.cuenta__cifra{text-align:right;flex:none;}
.cuenta__vieja{display:block;font-size:12.5px;color:rgba(255,255,255,.55);text-decoration:line-through;}
.cuenta__nueva{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1;}
.comparativa{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;font-size:12.5px;}
.comparativa__fila{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:8px;padding:11px 12px;align-items:center;border-top:1px solid var(--linea);}
.comparativa__fila--cab{background:#FAFAFB;color:var(--tinta-3);font-weight:700;font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;border-top:none;}
.comparativa__fila--yo{background:var(--rojo-suave);}
.comparativa__nombre{font-weight:700;}
.comparativa__sub{font-size:10.5px;color:var(--tinta-3);font-weight:400;display:block;}
.comparativa__fila--yo .comparativa__sub{color:var(--rojo);}
.comparativa__precio{text-align:right;font-weight:700;}
.comparativa__tag{display:block;font-size:9.5px;font-weight:800;color:var(--rojo);letter-spacing:.06em;}
.sello{border:1px solid var(--linea);border-radius:var(--r);padding:12px;display:flex;align-items:center;gap:11px;}
.sello svg{flex:none;color:var(--accion);}
.sello b{display:block;color:var(--accion);font-weight:800;font-size:12.5px;}
.sello span{font-size:11.5px;color:var(--tinta-2);}
.beneficio{display:grid;grid-template-columns:28px 1fr;gap:11px;padding:14px 0;border-bottom:1px solid var(--linea);}
.beneficio:last-child{border-bottom:none;padding-bottom:0;}
.beneficio__ico{width:28px;height:28px;border-radius:8px;background:var(--accion-luz);color:var(--accion);display:grid;place-items:center;}
.beneficio h3{font-size:14px;font-weight:700;margin:0 0 3px;}
.beneficio p{font-size:13px;color:var(--tinta-2);margin:0;line-height:1.5;}
.desc p{font-size:13.5px;color:var(--tinta-2);margin:0 0 12px;line-height:1.65;}
.desc__intro{font-size:14px;color:var(--tinta);}
.desc__cita{border-left:3px solid var(--linea-2);padding:2px 0 2px 13px;margin:0 0 13px;
  font-size:13px;color:var(--tinta-2);font-style:italic;line-height:1.6;}
.desc__checks{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:11px;}
.desc__checks li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:13.5px;line-height:1.5;}
.desc__tic{width:20px;height:20px;border-radius:50%;background:var(--accion-luz);color:var(--accion);
  display:grid;place-items:center;margin-top:1px;}
.ficha{list-style:none;padding:0;margin:12px 0 0;}
.ficha li{display:grid;grid-template-columns:104px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--linea);font-size:13px;}
.ficha b{font-weight:600;color:var(--tinta-3);font-size:12px;}

/* otros */
.otros{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.otro{border:1px solid var(--linea);border-radius:var(--rs);overflow:hidden;text-align:left;background:#fff;}
.otro__foto img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.otro__datos{padding:9px;}
.otro__nombre{font-size:12px;line-height:1.35;display:block;margin-bottom:4px;}
.otro__precio{font-size:14.5px;font-weight:800;color:var(--rojo);}
.otro__antes{font-size:11px;color:var(--tinta-3);text-decoration:line-through;margin-left:5px;}

/* faq */
.faq details{border-bottom:1px solid var(--linea);}
.faq details:last-child{border-bottom:none;}
.faq summary{padding:13px 28px 13px 0;font-size:13.5px;font-weight:600;cursor:pointer;list-style:none;position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:4px;top:11px;font-size:19px;color:var(--tinta-3);font-weight:400;}
.faq details[open] summary::after{content:"–";}
.faq p{margin:0 0 14px;font-size:13px;color:var(--tinta-2);line-height:1.55;padding-right:28px;}
.dudas{margin-top:13px;border:1px solid var(--linea);border-radius:var(--r);padding:13px;text-align:center;}
.dudas__txt{font-size:12px;color:var(--tinta-3);}
.dudas__cta{color:var(--rojo);font-weight:700;font-size:13px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;}

/* acciones */
.accion{display:block;width:100%;background:var(--accion);color:#fff;padding:16px;border-radius:100px;
  font-size:16px;font-weight:700;text-align:center;box-shadow:0 10px 22px -12px rgba(18,165,84,.85);}
.accion:active{background:var(--accion-osc);}
.accion small{display:block;font-size:11.5px;font-weight:500;opacity:.9;margin-top:2px;}
.accion-pie{text-align:center;font-size:11.5px;color:var(--tinta-3);margin:9px 0 0;}
.barra{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--linea-2);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;
  max-width:600px;margin:0 auto;box-shadow:0 -4px 18px -12px rgba(0,0,0,.4);}
.barra__ico{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;
  font-size:10px;color:var(--tinta-2);font-weight:500;padding:2px 4px;}
.barra__ico svg{color:var(--tinta);}
.barra__boton{flex:1;background:linear-gradient(90deg,#FF5B3A,#E8202F);color:#fff;padding:11px;
  border-radius:100px;font-weight:800;font-size:16px;text-align:center;line-height:1.15;
  box-shadow:0 8px 18px -10px rgba(232,32,47,.9);}
.barra__boton small{display:block;font-size:11px;font-weight:500;opacity:.95;margin-top:1px;}

/* pie */
.pieoscuro{background:#1A1A1A;color:#fff;padding:22px 16px calc(26px + env(safe-area-inset-bottom));max-width:600px;margin:0 auto;}
.pieoscuro__marca{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);}
.pieoscuro__avatar{width:42px;height:42px;border-radius:50%;background:#fff;object-fit:cover;flex:none;}
.pieoscuro__nombre{font-weight:700;font-size:14.5px;}
.pieoscuro__lema{font-size:12px;color:rgba(255,255,255,.6);}
.pieoscuro__cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;}
.pieoscuro__tit{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 8px;}
.pieoscuro__lista{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:12.5px;color:rgba(255,255,255,.8);}
.pieoscuro__pago{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:12px;color:rgba(255,255,255,.7);}
.pieoscuro__pago b{color:#fff;display:block;font-size:12.5px;margin-bottom:3px;}
.pieoscuro__legal{margin-top:14px;font-size:11px;color:rgba(255,255,255,.4);text-align:center;line-height:1.5;}

/* ============================================================
   FLUJO DE PEDIDO
   ============================================================ */
.flujo{position:fixed;inset:0;z-index:100;background:#F1F1F2;display:none;flex-direction:column;}
.flujo.abierto{display:flex;}
.flujo__cabeza{background:#fff;border-bottom:1px solid var(--linea);flex:none;}
.flujo__barra{display:flex;align-items:center;gap:10px;padding:calc(13px + env(safe-area-inset-top)) 16px 13px;max-width:600px;margin:0 auto;}
.flujo__volver{width:30px;height:30px;display:grid;place-items:center;flex:none;}
.flujo__titulo{flex:1;text-align:center;font-size:16px;font-weight:700;letter-spacing:-.015em;}
.flujo__hueco{width:30px;flex:none;}
.pasos{display:flex;align-items:center;justify-content:center;padding:14px 16px 16px;max-width:420px;margin:0 auto;}
.paso{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;}
.paso__bola{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;
  background:#E3E3E6;color:var(--tinta-3);}
.paso__txt{font-size:12px;font-weight:700;color:var(--tinta-3);}
.paso[data-estado="hecho"] .paso__bola{background:var(--accion);color:#fff;}
.paso[data-estado="hecho"] .paso__txt{color:var(--accion);}
.paso[data-estado="activo"] .paso__bola{background:var(--rojo);color:#fff;}
.paso[data-estado="activo"] .paso__txt{color:var(--rojo);}
.pasos__linea{flex:1;height:2px;background:#E3E3E6;margin:0 8px 20px;border-radius:2px;}
.pasos__linea[data-hecho="true"]{background:var(--accion);}
.flujo__cuerpo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 0 130px;}
.flujo__env{max-width:600px;margin:0 auto;padding:0 12px;}
.bloque{background:#fff;border-radius:var(--r);padding:15px;margin-bottom:11px;}
.bloque__titulo{font-size:15px;font-weight:700;margin:0 0 12px;letter-spacing:-.015em;}
.campo{margin-bottom:11px;}
.campo--doble{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.campo label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:5px;}
.campo input,.campo select{width:100%;padding:12px;border:1px solid var(--linea-2);border-radius:var(--rs);
  font-family:inherit;font-size:15.5px;background:#fff;color:var(--tinta);}
.campo input:focus,.campo select:focus{border-color:var(--tinta);outline:none;}
.campo input[aria-invalid="true"]{border-color:var(--rojo);background:#FFF7F8;}
.campo__error{display:none;font-size:11.5px;color:var(--rojo);font-weight:600;margin-top:4px;}
.campo input[aria-invalid="true"] ~ .campo__error{display:block;}
.campo__opcional{font-weight:500;letter-spacing:0;text-transform:none;color:var(--tinta-3);font-size:10.5px;}
.tel{display:flex;align-items:stretch;border:1px solid var(--linea-2);border-radius:var(--rs);overflow:hidden;background:#fff;}
.tel:focus-within{border-color:var(--tinta);}
.tel__lada{display:flex;align-items:center;gap:6px;padding:0 10px;background:#FAFAFB;border-right:1px solid var(--linea-2);
  font-size:14.5px;font-weight:700;color:var(--tinta-2);flex:none;}
.tel__bandera{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none;}
.tel input{border:none!important;border-radius:0!important;flex:1;min-width:0;}
.tel input:focus{outline:none;}
.campo input[aria-invalid="true"] ~ .campo__error,
.tel input[aria-invalid="true"] ~ .campo__error{display:block;}
.campo .tel:has(input[aria-invalid="true"]){border-color:var(--rojo);background:#FFF7F8;}
.alerta{display:none;align-items:flex-start;gap:9px;background:#FFF0F3;border:1px solid #FBD3DC;color:#C4173B;
  border-radius:var(--r);padding:12px 13px;margin-bottom:11px;font-size:13px;line-height:1.45;font-weight:600;}
.alerta.visible{display:flex;}
.alerta svg{flex:none;margin-top:1px;}
.envio-aviso{display:flex;align-items:flex-start;gap:9px;background:var(--accion-luz);border-radius:var(--rs);
  padding:11px 12px;font-size:12.5px;line-height:1.45;color:var(--accion-osc);margin-top:4px;}
.envio-aviso svg{flex:none;color:var(--accion);margin-top:1px;}
.envio-aviso b{font-weight:800;}
.resumen__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:none;padding:0;}
.resumen__flecha{flex:none;color:var(--tinta-3);transition:transform .2s;}
.resumen__toggle[aria-expanded="true"] .resumen__flecha{transform:rotate(180deg);}
.resumen__mini{width:44px;height:44px;border-radius:var(--rs);object-fit:cover;flex:none;background:#F6F6F7;}
.resumen__tit{font-size:13.5px;font-weight:700;line-height:1.3;display:block;}
.resumen__corto{font-size:12px;color:var(--tinta-2);line-height:1.4;margin-top:3px;display:block;}
.resumen__tot{font-size:15px;font-weight:800;color:var(--rojo);flex:none;}
.resumen__detalle{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--linea);}
.resumen__detalle.abierto{display:block;}
.resumen__variantes{font-size:12px;color:var(--tinta-2);line-height:1.5;}
.resumen__cliente{margin-top:12px;padding-top:12px;border-top:1px solid var(--linea);font-size:12.5px;color:var(--tinta-2);line-height:1.6;}
.envio{border:1.5px solid var(--linea-2);border-radius:var(--r);padding:13px;display:flex;align-items:center;gap:11px;
  background:#fff;width:100%;text-align:left;position:relative;}
.envio[aria-pressed="true"]{border-color:var(--accion);background:var(--accion-luz);}
.envio__punto{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--linea-2);display:grid;place-items:center;flex:none;background:#fff;}
.envio[aria-pressed="true"] .envio__punto{border-color:var(--accion);background:var(--accion);color:#fff;}
.envio__datos{flex:1;min-width:0;}
.envio__nombre{font-size:14px;font-weight:700;display:block;}
.envio__plazo{font-size:12px;color:var(--tinta-2);}
.envio__precio{font-size:14px;font-weight:800;flex:none;color:var(--accion);}
.envio__sel{position:absolute;top:-8px;left:11px;background:var(--accion);color:#fff;font-size:9.5px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;}
.totales{font-size:13.5px;}
.totales__fila{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--tinta-2);}
.totales__fila--total{border-top:1px solid var(--linea);margin-top:6px;padding-top:12px;font-size:16px;font-weight:800;color:var(--tinta);}
.totales__gratis{color:var(--accion);font-weight:700;}
.hecho{text-align:center;padding:26px 18px 22px;}
.hecho__bola{width:74px;height:74px;border-radius:50%;background:var(--accion-luz);color:var(--accion);
  display:grid;place-items:center;margin:0 auto 16px;}
.hecho__titulo{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;}
.hecho__txt{font-size:14px;color:var(--tinta-2);margin:0 auto 18px;max-width:34ch;line-height:1.55;}
.hecho__txt b{color:var(--tinta);font-weight:700;}
.hecho__caja{background:#F6F6F7;border-radius:var(--rs);padding:14px;font-size:13px;color:var(--tinta-2);
  line-height:1.55;text-align:left;margin-bottom:16px;}
.hecho__caja b{color:var(--tinta);}
.hecho__barra{height:5px;border-radius:100px;background:#E3E3E6;overflow:hidden;margin-top:11px;}
.hecho__lleno{display:block;height:100%;width:0;background:var(--accion);border-radius:100px;transition:width .95s linear;}
.hecho__seg{font-size:12px;color:var(--tinta-3);margin-top:7px;display:block;}
.hecho__ir{display:block;width:100%;background:var(--rojo);color:#fff;padding:16px;border-radius:var(--rs);
  font-size:16px;font-weight:700;text-align:center;}
.hecho__volver{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--tinta-2);text-decoration:underline;text-underline-offset:3px;}
.flujo__pie{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--linea-2);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px -12px rgba(0,0,0,.35);}
.flujo__pieenv{max-width:600px;margin:0 auto;}
.flujo__cta{display:block;width:100%;background:var(--rojo);color:#fff;padding:16px;border-radius:var(--rs);
  font-size:16px;font-weight:700;text-align:center;}
.flujo__cta--verde{background:var(--accion);}
.flujo__nota{text-align:center;font-size:11.5px;color:var(--tinta-3);margin:8px 0 0;display:flex;
  align-items:center;justify-content:center;gap:5px;}
.flujo__nota svg{color:var(--accion);}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}