:root{--rosa:#E4007C;--rosa-o:#B80064;--amarillo:#FFC93C;--tinta:#16121F;--gris:#6B6475;--fondo:#FBF9FC;--linea:#ECE7F0;--verde:#12A150}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased}
a{color:var(--rosa)}img,video{max-width:100%;display:block}
.aviso-top{background:var(--tinta);color:#fff;text-align:center;font-size:.82rem;font-weight:600;padding:.5rem .8rem}
.cab{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:20;max-width:none}
.buscar{flex:1;display:flex;max-width:560px;margin-left:auto;background:#F3EEF6;border-radius:999px;padding:3px 3px 3px 14px;border:1.5px solid transparent}
.buscar:focus-within{border-color:var(--rosa);background:#fff}
.buscar input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;outline:0;color:var(--tinta)}
.buscar button{border:0;background:var(--rosa);color:#fff;border-radius:999px;width:38px;height:34px;cursor:pointer;font-size:.95rem}
@media(max-width:560px){.cab{flex-wrap:wrap;justify-content:center;gap:.5rem}.buscar{flex-basis:100%;margin:0}}
.logo{font-weight:900;font-size:1.25rem;letter-spacing:-.03em;color:var(--tinta);text-decoration:none}.logo b{color:var(--rosa)}
main{max-width:1080px;margin:0 auto;padding:0 0 6rem}
.hero{text-align:center;padding:3rem 1.2rem 2rem;background:radial-gradient(circle at 15% 20%,#FFE0F0,transparent 45%),radial-gradient(circle at 85% 80%,#FFF1C9,transparent 45%)}
.hero h1{font-size:clamp(2rem,8vw,3.6rem);line-height:1.05;margin:0 0 .6rem;letter-spacing:-.04em;font-weight:900}.hero h1 b{color:var(--rosa)}
.hero p{color:var(--gris);max-width:30rem;margin:0 auto}
.vacio{text-align:center;padding:3rem 1rem;color:var(--gris)}
/* Portada tipo catálogo */
.hero-t{padding:1.6rem 1rem 1rem;text-align:center;background:radial-gradient(circle at 10% 10%,#FFE0F0,transparent 50%),radial-gradient(circle at 90% 90%,#FFF1C9,transparent 50%)}
.hero-t h1{font-size:clamp(1.7rem,6vw,2.8rem);line-height:1.05;margin:0 0 .4rem;letter-spacing:-.04em;font-weight:900}.hero-t h1 b{color:var(--rosa)}
.hero-t p{margin:0 auto;color:#4A4352;max-width:34rem}
.beneficios-t{list-style:none;padding:0;margin:.9rem 0 0;display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}
.beneficios-t li{background:#fff;border:1px solid var(--linea);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}
.cats{display:flex;gap:.5rem;overflow-x:auto;padding:.9rem 1rem .5rem;scrollbar-width:none;position:sticky;top:57px;z-index:15;background:var(--fondo)}
.cats::-webkit-scrollbar{display:none}
@media(max-width:560px){.cats{top:103px}}
.cats a{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;background:#fff;border:1.5px solid var(--linea);color:var(--tinta);text-decoration:none;font-weight:700;font-size:.88rem;white-space:nowrap}
.cats a small{color:var(--gris);font-weight:600;font-size:.72rem}
.cats a.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}.cats a.on small{color:#CFC8D6}
.top{padding:.6rem 0 0}.top h2{font-size:1.1rem;margin:.4rem 1rem .6rem}
.top-fila{display:flex;gap:.7rem;overflow-x:auto;padding:0 1rem .6rem;scroll-snap-type:x mandatory;scrollbar-width:none}.top-fila::-webkit-scrollbar{display:none}
.top-t{flex:0 0 150px;scroll-snap-align:start;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;border:2px solid var(--amarillo);display:flex;flex-direction:column}
.top-t img{aspect-ratio:1;object-fit:cover;width:100%}.top-t b{font-size:.82rem;line-height:1.25;margin:.45rem .55rem .1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.top-t span{margin:0 .55rem .55rem;font-weight:900;color:var(--rosa)}
.barra-filtros{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem 0}
.res{font-size:.9rem;color:var(--gris)}.res b{color:var(--tinta)}
.filtros{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.filtros select{font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .6rem;border-radius:10px;border:1.5px solid var(--linea);background:#fff;color:var(--tinta)}
.limpiar{font-size:.82rem;font-weight:700;color:var(--rosa);text-decoration:none}
.btn-sec{display:inline-block;margin-top:.6rem;padding:.6rem 1.2rem;border-radius:12px;background:var(--tinta);color:#fff;text-decoration:none;font-weight:700}
.rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:.8rem}
@media(min-width:620px){.rejilla{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(min-width:900px){.rejilla{grid-template-columns:repeat(4,1fr)}}
.tarjeta-p{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--linea);padding-bottom:.6rem;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.tarjeta-p:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16121F14}
.tarjeta-p .foto{position:relative;background:#F4F1F6}
.tarjeta-p img{aspect-ratio:1;object-fit:cover;width:100%}
.sello{position:absolute;left:8px;top:8px;font-style:normal;font-size:.7rem;font-weight:800;background:#fff;color:var(--tinta);padding:.15rem .45rem;border-radius:6px;box-shadow:0 2px 6px #0002}
.sello.top{background:var(--amarillo)}
.tarjeta-p h2{font-size:.86rem;font-weight:600;margin:.5rem .65rem .15rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.tarjeta-p .precio{margin:0 .65rem;font-weight:900;font-size:1.08rem;color:var(--rosa)}
.meta-t{margin:.3rem .65rem 0;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.meta-t small{color:var(--gris);font-size:.7rem}
.chip-envio{display:inline-block;font-size:.68rem;font-weight:800;color:var(--verde);background:#E7F7EE;padding:.12rem .45rem;border-radius:999px}
.cargando{text-align:center;color:var(--gris);padding:1rem;font-weight:600}
.tambien{padding:1rem 0}.tambien h2{font-size:1.2rem;margin:0 1rem .2rem}
/* Ficha */
.producto{display:grid;gap:0}
@media(min-width:900px){.producto{grid-template-columns:1.1fr 1fr;gap:2rem;padding:1.5rem}.carrusel,.puntos{grid-column:1}.info{grid-column:2;grid-row:1 / span 2}.pedido,.faq{grid-column:1 / -1}}
.carrusel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff}
.carrusel::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:4/5;max-height:78vh}
.slide img,.slide video{width:100%;height:100%;object-fit:contain}
@media(min-width:900px){.carrusel{border-radius:20px}}
.puntos{display:flex;justify-content:center;gap:6px;padding:.6rem 0}.puntos i{width:7px;height:7px;border-radius:50%;background:#D9D2DF}.puntos i.on{background:var(--rosa);width:18px;border-radius:4px}
.info{padding:1rem 1.2rem}
.info h1{font-size:clamp(1.45rem,5vw,2rem);line-height:1.15;margin:.2rem 0 .5rem;letter-spacing:-.02em}
.precio-grande{font-size:1.9rem;font-weight:900;margin:0 0 .8rem;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.ahorro{font-size:.8rem;font-weight:800;background:var(--amarillo);color:var(--tinta);padding:.15rem .5rem;border-radius:6px}
.garantias{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.35rem;font-size:.95rem}
.btn-comprar,.btn-pagar{display:block;width:100%;text-align:center;border:0;cursor:pointer;background:var(--rosa);color:#fff;font-weight:800;font-size:1.1rem;padding:1rem;border-radius:14px;text-decoration:none;box-shadow:0 8px 20px #E4007C40;font-family:inherit}
.btn-comprar:active,.btn-pagar:active{transform:scale(.98)}
.beneficios{list-style:none;padding:0;margin:1.4rem 0;display:grid;gap:.55rem}
.beneficios li{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:.7rem .9rem;font-weight:600}
.desc p{color:#3A3443;margin:0 0 .8rem}
.pedido{background:#fff;margin:1rem;padding:1.3rem;border-radius:20px;border:2px solid var(--rosa);scroll-margin-top:70px}
.pedido h2{margin:0 0 1rem;font-size:1.3rem}
.pedido label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.8rem;color:#3A3443}
.pedido input,.pedido select{display:block;width:100%;margin-top:.3rem;font:inherit;font-size:16px;padding:.75rem .8rem;border:1.5px solid #DDD5E3;border-radius:10px;background:#fff;color:var(--tinta)}
.pedido input:focus,.pedido select:focus{outline:0;border-color:var(--rosa);box-shadow:0 0 0 3px #E4007C22}
.pedido .dos{display:grid;grid-template-columns:1fr 1fr;gap:0 .7rem}
@media(max-width:420px){.pedido .dos{grid-template-columns:1fr}}
.cantidad{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700}.cantidad span{flex:1}
.cantidad button{width:40px;height:40px;border-radius:10px;border:1.5px solid #DDD5E3;background:#fff;font-size:1.3rem;cursor:pointer}
.cantidad input{width:54px!important;text-align:center;margin:0!important;display:inline-block!important}
.resumen{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-top:1px dashed var(--linea);margin:.4rem 0 .9rem;font-weight:700}.resumen b{font-size:1.4rem}
.mini{font-size:.78rem;color:var(--gris);text-align:center;margin:.7rem 0 0}
.error{background:#FFECEF;color:#B00020;padding:.7rem .9rem;border-radius:10px;font-weight:600}
.faq{padding:1rem 1.2rem}.faq h2{font-size:1.2rem}
.faq details{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:.85rem 1rem;margin-bottom:.5rem}
.faq summary{font-weight:700;cursor:pointer}.faq p{color:#3A3443;margin:.6rem 0 0}
.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linea);box-shadow:0 -6px 20px #0000000f;transition:transform .25s}
.barra-compra.oculta{transform:translateY(110%)}
.barra-compra div{flex:1;display:flex;flex-direction:column;line-height:1.1}.barra-compra b{font-size:1.25rem}.barra-compra small{color:var(--verde);font-weight:700}
.barra-compra a{background:var(--rosa);color:#fff;font-weight:800;padding:.85rem 1.3rem;border-radius:12px;text-decoration:none}
.pie{text-align:center;padding:2rem 1rem 6rem;color:var(--gris);font-size:.85rem;border-top:1px solid var(--linea);background:#fff}
.pie .sellos{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;font-weight:600;color:var(--tinta);margin-bottom:1rem}
.pie nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin-bottom:.6rem}.pie nav a{color:var(--gris)}
.wa-flotante{position:fixed;right:14px;bottom:84px;z-index:31;width:52px;height:52px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-size:1.5rem;text-decoration:none;box-shadow:0 6px 16px #0003}
.caja-gracias{max-width:560px;margin:2rem auto;background:#fff;border-radius:20px;padding:2rem 1.4rem;text-align:center;border:1px solid var(--linea)}
.ok-grande{font-size:3.2rem}.caja-gracias h1{font-size:1.5rem;line-height:1.2}
.legal{max-width:760px;margin:0 auto;padding:1.5rem 1.2rem}.legal h2{margin-top:1.8rem}.legal p{color:#3A3443}
/* Pago embebido (Bricks) */
.caja-pago{max-width:600px;margin:1.2rem auto 2rem;background:#fff;border-radius:20px;padding:1.3rem 1rem;border:1px solid var(--linea)}
.caja-pago h1{font-size:1.4rem;margin:0 0 .8rem}.caja-pago h2{font-size:1.1rem;margin:0 0 .3rem}
.resumen-pago{display:flex;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--linea);border-radius:14px;margin-bottom:.8rem}
.resumen-pago img{border-radius:10px;object-fit:cover;flex:none}.resumen-pago>div:nth-child(2){flex:1;font-size:.95rem;line-height:1.3}
.total-pago{font-weight:800;font-size:1.3rem;white-space:nowrap}
.aviso-pago{background:#fff4d6;border:1px solid #e6c46a;border-radius:10px;padding:.6rem .8rem;font-size:.92rem}
.aviso-pago dl{display:grid;gap:.4rem;margin:.6rem 0}.aviso-pago dt{font-size:.72rem;text-transform:uppercase;opacity:.7}.aviso-pago dd{margin:0}
.clabe{font-size:1.25rem;font-weight:700;user-select:all;letter-spacing:.03em}
.msg-pago{font-size:.95rem;min-height:1em}
.spei{border-top:1px dashed var(--linea);margin-top:1rem;padding-top:1rem}
.btn-sec{font:700 1rem inherit;padding:.75rem 1rem;border-radius:12px;border:2px solid #222;background:#fff;cursor:pointer;width:100%}
.btn-sec:disabled{opacity:.5}
.seguro{font-size:.82rem;opacity:.7;text-align:center;margin-top:1rem}
/* ===== Landing de venta ===== */
.cinta-navidad{background:linear-gradient(90deg,#0B6B35,#12A150);color:#fff;text-align:center;font-size:.85rem;font-weight:600;padding:.55rem .8rem}
.cinta-navidad span{display:inline-block;background:#ffffff26;border-radius:6px;padding:0 .4rem;margin-left:.2rem}
.landing .info{padding:1.2rem 1.2rem .5rem}
.etiqueta{display:inline-block;margin:0 0 .5rem;font-size:.75rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:var(--amarillo);padding:.25rem .6rem;border-radius:999px}
.landing .info h1{font-size:clamp(1.7rem,7vw,2.6rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:0 0 .5rem}
.subgancho{font-size:1.08rem;color:#3A3443;margin:0 0 .6rem}
.nombre-p{font-size:.85rem;color:var(--gris);margin:0 0 .3rem;font-weight:600}
.bloque{margin:1.2rem 1rem;padding:1.3rem;background:#fff;border-radius:20px;border:1px solid var(--linea)}
.bloque h2{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 1rem;line-height:1.2}
.beneficios-l{display:grid;gap:.9rem}
@media(min-width:700px){.beneficios-l{grid-template-columns:1fr 1fr}}
.ben{display:flex;gap:.8rem;align-items:flex-start}.ben>span{font-size:1.7rem;line-height:1;flex:none;width:2.6rem;height:2.6rem;display:grid;place-items:center;background:#FFE0F0;border-radius:12px}
.ben b{display:block;font-size:1rem}.ben p{margin:.15rem 0 0;color:#4A4352;font-size:.92rem}
.ben-solo{font-weight:600}
.historia{display:grid;gap:1rem;padding:0;overflow:hidden}
.historia img{width:100%;aspect-ratio:4/3;object-fit:cover}
.historia>div{padding:0 1.3rem 1.3rem}
@media(min-width:800px){.historia{grid-template-columns:1fr 1fr;align-items:center}.historia>div{padding:1.5rem}}
.problema{font-size:1.05rem;color:#4A4352;margin:0 0 .8rem}
.solucion{font-size:1.15rem;font-weight:800;margin:0;color:var(--tinta)}
.tabla-c{display:grid;gap:.4rem;font-size:.9rem}
.fila-c{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:.5rem;align-items:center;padding:.6rem .5rem;border-radius:10px;background:var(--fondo)}
.fila-c span:first-child{font-weight:700}
.fila-c span:last-child{font-weight:700;color:#0B6B35}
.cab-c{background:transparent;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gris)}
.cab-c span:last-child{color:var(--rosa)}
.mosaico{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mosaico img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.chips-l{display:flex;flex-wrap:wrap;gap:.5rem}.chips-l span{background:var(--fondo);border:1px solid var(--linea);border-radius:999px;padding:.5rem .85rem;font-weight:600;font-size:.92rem}
.confianza{display:grid;gap:1rem}
@media(min-width:700px){.confianza{grid-template-columns:1fr 1fr}}
.confianza h3{margin:0 0 .5rem;font-size:1.05rem}.confianza ul{margin:0;padding-left:1.1rem;color:#3A3443}
.sello{background:#E7F7EE;border-radius:14px;padding:1rem}.sello b{font-size:1.05rem}.sello p{margin:.4rem 0 0;color:#24502F;font-size:.92rem}
.paquetes{display:grid;gap:.6rem;margin-bottom:1rem}
.paq{position:relative;display:flex!important;align-items:center;gap:.7rem;border:2px solid #DDD5E3;border-radius:14px;padding:.85rem 1rem!important;cursor:pointer;margin:0!important}
.paq input{width:auto!important;margin:0!important;accent-color:var(--rosa);transform:scale(1.3)}
.paq span{flex:1;display:flex;flex-direction:column}.paq small{font-weight:500;color:var(--gris)}
.paq>b{font-size:1.15rem}
.paq:has(input:checked){border-color:var(--rosa);background:#FFF5FA}
.paq em{position:absolute;top:-.6rem;right:.8rem;background:var(--rosa);color:#fff;font-style:normal;font-size:.68rem;font-weight:800;text-transform:uppercase;padding:.15rem .5rem;border-radius:6px}
.cierre{text-align:center;background:var(--tinta);color:#fff;border:0}.cierre p{font-size:1.2rem;font-weight:800;margin:0 0 1rem}
@media(min-width:900px){.landing .producto{grid-template-columns:1.1fr 1fr}.landing .hero-medios{grid-column:1;grid-row:1}.landing .info{grid-column:2;grid-row:1;align-self:center}.landing .bloque,.landing .pedido,.landing .faq{grid-column:1 / -1}}

/* Ofertas del día */
.tarjeta-p .precio s,.top-t s{color:#8a8494;font-weight:500;font-size:.78em;margin-left:.25rem}
.sello.sello-of{background:var(--rosa);color:#fff}
.ofertas h2 small{font-size:.78rem;font-weight:700;color:var(--rosa);margin-left:.4rem}
.top-t.of{position:relative;border-color:var(--rosa)}
.top-t .pct{position:absolute;top:.4rem;left:.4rem;background:var(--rosa);color:#fff;font-style:normal;font-weight:900;font-size:.75rem;padding:.15rem .45rem;border-radius:99px}


/* Carrito */
.cab-carrito{position:relative;font-size:1.45rem;text-decoration:none;padding:.2rem .3rem;line-height:1}
.cab-carrito b{position:absolute;top:-4px;right:-6px;background:var(--rosa);color:#fff;font-size:.68rem;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
@media(max-width:560px){.cab-carrito{position:absolute;right:1rem;top:.55rem}}
.form-carrito{margin:.6rem 0 0}
.btn-carrito{display:block;width:100%;border:2px solid var(--rosa);background:#fff;color:var(--rosa);font:inherit;font-weight:800;font-size:1rem;padding:.8rem;border-radius:14px;cursor:pointer}
.btn-carrito:disabled{opacity:.6}
#toast-carrito{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%,140%);background:var(--tinta);color:#fff;padding:.8rem 1rem;border-radius:14px;font-weight:700;z-index:60;transition:transform .25s;box-shadow:0 10px 30px #0004;max-width:92vw;font-size:.95rem}
#toast-carrito.on{transform:translate(-50%,0)}
#toast-carrito a{color:var(--amarillo);margin-left:.5rem;white-space:nowrap}
.carrito-caja{max-width:760px;margin:0 auto;padding:1rem}
.carrito-caja h1{font-size:1.5rem;margin:.4rem 0 1rem}
.carrito-lista{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.carrito-item{display:grid;grid-template-columns:80px 1fr auto;gap:.8rem;background:#fff;border:1px solid var(--linea);border-radius:14px;padding:.6rem;align-items:start}
.ci-foto img{width:80px;height:80px;object-fit:cover;border-radius:10px;display:block}
.ci-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.ci-nombre{font-weight:700;color:inherit;text-decoration:none;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-info small{color:#6b6475}
.ci-fila{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}
.ci-fila b{color:var(--rosa);font-size:1.05rem}
.ci-cant{display:flex;align-items:center;border:1.5px solid #DDD5E3;border-radius:10px;overflow:hidden}
.ci-cant button{border:0;background:#F3EEF6;width:34px;height:32px;font-size:1.1rem;cursor:pointer;font-weight:800}
.ci-cant span{min-width:32px;text-align:center;font-weight:800}
.ci-quitar button{border:0;background:none;font-size:1rem;color:#8a8494;cursor:pointer;padding:.2rem .4rem}
.carrito-caja .resumen{background:#fff;padding:1rem;border-radius:14px;margin-top:.8rem}
.carrito-caja .seguir{display:inline-block;margin:.6rem 0;color:var(--rosa);font-weight:700;text-decoration:none}
.carrito-caja .pedido{margin:1rem 0}
.items-ped{margin:.4rem 0 .6rem;padding-left:1.2rem}

/* WhatsApp dudas */
.wa-dudas{text-align:center;margin:.8rem 0 0}.wa-dudas a{display:inline-block;color:#128C7E;font-weight:700;text-decoration:none;border:1.5px solid #25D366;border-radius:999px;padding:.55rem 1rem;background:#effaf3}

/* Formulario compacto: la etiqueta va dentro del campo */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#form-pedido input::placeholder{color:#8a8496;opacity:1}
#form-pedido select:invalid{color:#8a8496}
/* Pago en la misma página */
.pago-inline{margin-top:.6rem}.pago-inline .aviso-pago{margin:0 0 .6rem}
#btn-pagar[hidden],.pago-inline[hidden]{display:none!important}
/* Precio al recibir */
.precio-cod{margin:-.5rem 0 .8rem;font-size:.95rem;opacity:.85}
/* Banners de temporada */
.banners{position:relative;margin:.6rem auto 0;max-width:1200px;padding:0 1rem}
.bn-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px}
.bn-pista::-webkit-scrollbar{display:none}
.bn{flex:0 0 100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:190px;aspect-ratio:3.2/1;padding:1.2rem 1.6rem;color:#fff;text-decoration:none;overflow:hidden}
@media(max-width:640px){.bn{aspect-ratio:auto;min-height:170px;padding:1rem 1.1rem}}
.bn-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:.25rem;max-width:58%}
.bn-k{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.95}
.bn-t{font-size:clamp(1.9rem,6.5vw,3.6rem);line-height:.92;font-weight:900;letter-spacing:-.04em}
.bn-s{font-size:clamp(.85rem,2.6vw,1.1rem);font-weight:600;opacity:.95}
.bn-cta{align-self:flex-start;margin-top:.45rem;background:#fff;color:#111;font-weight:900;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;box-shadow:0 6px 18px #0003}
.bn-fotos{position:relative;flex:0 0 40%;height:100%;min-height:150px}
.bn-f{position:absolute;width:56%;aspect-ratio:1;object-fit:cover;border-radius:16px;border:3px solid #fff;box-shadow:0 10px 26px #0005;background:#fff}
.bn-f0{right:0;top:6%;transform:rotate(5deg);z-index:3}.bn-f1{right:38%;top:28%;transform:rotate(-7deg);z-index:2;width:46%}.bn-f2{right:12%;bottom:-12%;transform:rotate(-2deg);width:40%;z-index:1}
@media(max-width:640px){.bn-txt{max-width:64%}.bn-fotos{flex-basis:36%}.bn-f{width:78%}.bn-f1{right:28%;width:62%}.bn-f2{display:none}}
.bn-bf{background:radial-gradient(circle at 85% 20%,#FFD23F 0,#FF6A00 38%,#E4007C 100%)}
.bn-bf .bn-t{text-shadow:0 3px 0 #0002}
.bn-bk{background:radial-gradient(circle at 80% 30%,#3a3a3a 0,#111 55%,#000 100%)}
.bn-bk .bn-t{color:#FFD23F}.bn-bk .bn-cta{background:#FFD23F}
.bn-nv{background:radial-gradient(circle at 85% 15%,#2BB673 0,#0B6B35 45%,#063D20 100%)}
.bn-nv::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff55 1.5px,transparent 2px),radial-gradient(#ffffff33 1px,transparent 1.5px);background-size:28px 28px,17px 17px;background-position:0 0,9px 11px;opacity:.6}
.bn-nv .bn-t{color:#fff}.bn-nv .bn-cta{background:#E8202A;color:#fff}
.bn-base{background:linear-gradient(120deg,#E4007C,#FF7A3D)}
.bn-puntos{display:flex;justify-content:center;gap:.4rem;margin-top:.5rem}
.bn-puntos i{width:8px;height:8px;border-radius:99px;background:#0002;transition:.2s}.bn-puntos i.on{width:22px;background:var(--rosa)}
.banners + .beneficios-t{margin:.6rem 0 0}
.ver-todo{font-size:.8rem;font-weight:800;color:var(--rosa);text-decoration:none;margin-left:.4rem}

/* ===== Navegación tipo app (Temu/Shein) ===== */
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
body.ficha-p{padding-bottom:0}
.nav-abajo{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--linea);box-shadow:0 -4px 18px #16121f12;padding:.35rem .2rem calc(.3rem + env(safe-area-inset-bottom))}
.nav-abajo a{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;color:#3b3546;font-size:.68rem;font-weight:700;padding:.15rem 0;-webkit-tap-highlight-color:transparent}
.nav-abajo .nav-ic{position:relative;width:26px;height:26px;display:grid;place-items:center}
.nav-abajo svg{width:25px;height:25px}
.nav-abajo a.on{color:var(--rosa)}
.nav-abajo a.on svg{stroke-width:2.3}
.nav-abajo a.on .nav-ic::after{content:"";position:absolute;inset:-5px -10px;border-radius:12px;background:#E4007C14;z-index:-1}
.nav-abajo .nav-ic b{position:absolute;top:-6px;right:-10px;background:var(--rosa);color:#fff;font-size:.62rem;font-weight:900;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.nav-abajo .nav-ic em{position:absolute;top:-8px;right:-16px;font-style:normal;background:linear-gradient(90deg,#FF5A1F,#E4007C);color:#fff;font-size:.52rem;font-weight:900;padding:1px 4px;border-radius:6px;letter-spacing:.02em;animation:latido 1.4s infinite}
.nav-abajo a.nav-hot{color:#FF4B1F}
.nav-abajo a.nav-hot.on{color:var(--rosa)}
.nav-abajo .nav-gratis{position:absolute;bottom:-3px;font-style:normal;font-size:.5rem;font-weight:900;background:var(--verde);color:#fff;padding:0 4px;border-radius:5px;white-space:nowrap;display:none}
.nav-abajo a:last-child small{margin-bottom:6px}
.nav-abajo a:last-child .nav-gratis{display:block}
@keyframes latido{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.wa-flotante{bottom:calc(78px + env(safe-area-inset-bottom))}
body.ficha-p .wa-flotante{bottom:84px}
#toast-carrito{bottom:calc(76px + env(safe-area-inset-bottom))}
.cab-carrito{display:none}
body.ficha-p .cab-carrito{display:block}
@media(min-width:900px){.nav-abajo{left:50%;right:auto;transform:translateX(-50%);width:520px;bottom:14px;border-radius:20px;border:1px solid var(--linea);padding-bottom:.35rem}body{padding-bottom:90px}}

/* Pestañas de arriba estilo Shein (texto con subrayado) */
.cats{top:var(--cabh,57px);gap:0;padding:0 .4rem;background:#fff;border-bottom:1px solid var(--linea);box-shadow:0 2px 8px #16121f08}
.cats a{background:none;border:0;border-radius:0;padding:.75rem .7rem .6rem;font-size:.92rem;font-weight:700;color:#4a4456;position:relative}
.cats a small{display:none}
.cats a span{font-size:1rem}
.cats a.on{background:none;color:var(--tinta);font-weight:900}
.cats a.on::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:0;height:3px;border-radius:3px;background:var(--rosa)}
.cats a.chip-nav{color:#0E7A3A}

/* Círculos de categorías con foto en portada */
.circulos{padding:.9rem 0 .2rem}
.circ-fila{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:76px;gap:.75rem .55rem;overflow-x:auto;padding:0 1rem .6rem;scrollbar-width:none;scroll-snap-type:x proximity}
.circ-fila::-webkit-scrollbar{display:none}
.circ{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;color:var(--tinta);scroll-snap-align:start}
.circ-img{position:relative;width:68px;height:68px;border-radius:50%;background:#F3EEF6;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000000d}
.circ-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.circ-img i{position:absolute;right:-3px;bottom:-3px;font-style:normal;font-size:.95rem;background:#fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;box-shadow:0 2px 6px #0002}
.circ small{font-size:.72rem;font-weight:700;line-height:1.15;text-align:center;max-width:76px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.circ-of .circ-img{background:linear-gradient(135deg,#FF5A1F,#E4007C)}
.circ-of .circ-img b{color:#fff;font-size:1.9rem;font-weight:900}
.circ-of small{color:#FF4B1F}
.circ-todo .circ-img{background:var(--tinta);color:#fff}.circ-todo svg{width:28px;height:28px}

/* Página Categorías (riel izquierdo + panel) */
body.pag-cats .pie{display:none}
.cx{display:grid;grid-template-columns:96px 1fr;min-height:calc(100vh - 140px);background:#fff}
.cx-rail{background:#F6F3F8;position:sticky;top:var(--cabh,57px);align-self:start;max-height:calc(100vh - var(--cabh,57px) - 64px);overflow-y:auto;scrollbar-width:none}
.cx-rail::-webkit-scrollbar{display:none}
.cx-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;border:0;background:none;padding:.75rem .3rem;font:inherit;font-size:.74rem;font-weight:700;color:#4a4456;text-align:center;line-height:1.15;cursor:pointer;text-decoration:none;position:relative}
.cx-tab span{font-size:1.35rem;line-height:1}
.cx-tab.on{background:#fff;color:var(--tinta);font-weight:900}
.cx-tab.on::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:4px;border-radius:0 4px 4px 0;background:var(--rosa)}
.cx-of{color:#FF4B1F}.cx-of span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#FF5A1F,#E4007C);color:#fff;font-size:1rem;font-weight:900;display:grid;place-items:center}
.cx-panel{padding:.8rem .8rem 1.5rem}
.cx-hero{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;border-radius:16px;background:linear-gradient(120deg,#16121F,#4A1240 60%,#E4007C);color:#fff;text-decoration:none;margin-bottom:.9rem}
.cx-hero b{display:block;font-size:1.1rem;font-weight:900}
.cx-hero small{opacity:.85;font-size:.75rem}
.cx-hero span{font-weight:800;font-size:.8rem;background:#fff;color:var(--rosa);padding:.35rem .7rem;border-radius:999px;white-space:nowrap}
.cx-panel h3{font-size:.85rem;margin:.6rem 0 .6rem;color:var(--tinta);font-weight:900}
.cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem .5rem}
.cx-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--tinta);text-align:center}
.cx-img{position:relative;width:100%;max-width:78px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#F3EEF6}
.cx-img img{width:100%;height:100%;object-fit:cover}
.cx-img i{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-style:normal;font-size:.6rem;font-weight:900;background:var(--rosa);color:#fff;padding:0 5px;border-radius:6px}
.cx-item small{font-size:.7rem;font-weight:700;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cx-item b{font-size:.75rem;color:var(--rosa);font-weight:900}
.cx-mas{display:block;margin-top:1.2rem;text-align:center;padding:.8rem;border-radius:12px;background:var(--tinta);color:#fff;font-weight:800;text-decoration:none;font-size:.88rem}
@media(min-width:700px){.cx{grid-template-columns:180px 1fr;max-width:1100px;margin:0 auto}.cx-tab{flex-direction:row;justify-content:flex-start;gap:.5rem;font-size:.88rem;padding:.8rem 1rem;text-align:left}.cx-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cx-img{max-width:100px}}

.nav-abajo .nav-ic b[hidden]{display:none}
.circ-img i{top:-3px;bottom:auto;width:24px;height:24px;font-size:.85rem}

/* Descuento chiquito junto al envío; la foto manda */
.meta-t{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem}
.meta-t .mini-of{order:9;font-size:.66rem;font-weight:800;color:#C2410C;background:#FFF1E8;padding:0 .35rem;border-radius:5px;line-height:1.5}
.top-t .pct{top:auto;bottom:.35rem;left:.35rem;font-size:.6rem;padding:.02rem .35rem;background:#16121Fcc}
.cx-img i{font-size:.55rem;background:#16121Fcc}
/* Encabezado y pestañas se esconden al bajar y regresan al subir */
.cab,.cats{transition:transform .25s ease}
body.oculta-cab .cab{transform:translateY(-110%)}
body.oculta-cab .cats{transform:translateY(calc(-1 * var(--cabh,57px) - 110%))}
body.oculta-cab .cx-rail{top:0}

/* ===== Paleta de compra 2026: fondo neutro, UN color de acción (naranja), precio en negro, rojo solo para descuentos reales, rosa solo marca ===== */
:root{--rosa:#E8590C;--rosa-o:#C2410C;--fondo:#F7F7F8;--linea:#E9E9EC;--gris:#6B6B73;--tinta:#141414}
.logo b{color:#E4007C}
.tarjeta-p .precio,.top-t b,.cx-item b,.precio{color:var(--tinta)}
.tarjeta-p .precio s,.top-t s{color:#9A9AA2}
.meta-t .mini-of{color:#D92D20;background:#FEECEB}
.cx-img i,.top-t .pct{background:#D92D20}
.cx-hero{background:linear-gradient(120deg,#141414,#3A3A40)}
.cx-hero span{color:var(--rosa)}
.nav-abajo a.on .nav-ic::after{background:#E8590C14}

.top-t .pct{top:.4rem;right:.4rem;left:auto;bottom:auto;font-size:.62rem;padding:.05rem .4rem;background:#D92D20}