@font-face{font-family:"Montserrat";font-style:normal;font-weight:500 800;font-display:swap;src:url(/estatico/fuentes/montserrat-latin.woff2) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:var(--tinta);background:var(--fondo)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0 0 .5em;line-height:1.15;color:var(--titulo)}
h2{font-size:clamp(24px,6.4vw,34px);font-weight:800}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.barra{margin:0;padding:8px 16px;text-align:center;font-weight:700;font-size:13px;letter-spacing:.02em;background:var(--barra-fondo);color:var(--barra-texto)}
.cabecera{display:flex;justify-content:center;padding:14px 16px}
.cabecera .logo{height:52px;width:auto}
main>section{padding:40px max(16px,calc((100% - 1080px) / 2))}
.hero{position:relative;isolation:isolate;display:grid;gap:18px;grid-template-areas:"titulo" "foto" "compra"}
.hero-titulo{grid-area:titulo}
.hero-foto{grid-area:foto}
.hero-compra{grid-area:compra}
.hero-foto img{margin:0 auto;max-height:440px;width:auto;border-radius:18px}
.antetitulo{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acento-texto)}
.hero h1{font-size:clamp(32px,8.6vw,54px);font-weight:800}
.subtitulo{margin:0;font-size:17px}
.precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 10px}
.precio-antes{font-size:15px;opacity:.8}
.precio-ahora{font-size:clamp(36px,9.5vw,48px);font-weight:800;line-height:1;color:var(--precio)}
.precio-off{padding:2px 8px;border-radius:6px;font-size:15px;font-weight:800;background:var(--off-fondo);color:var(--off-texto)}
.precio-nota{flex-basis:100%;font-size:14px}
.cronometro{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px}
.cronometro strong{font-size:18px;font-variant-numeric:tabular-nums}
.boton{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 24px;border:0;border-radius:999px;background:var(--cta);color:var(--cta-texto);font:inherit;font-size:16px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}
.boton:focus-visible{outline:3px solid var(--foco);outline-offset:3px}
.boton[disabled]{opacity:.7;cursor:wait}
.boton-grande{min-height:58px;font-size:17px}
.promesas{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:14px 0 0;padding:0}
.promesas li{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.promesas .icono{width:22px;height:22px}
.sellos{display:flex;justify-content:center;gap:16px;margin-top:18px}
.sellos img{width:88px;height:auto}
.icono{flex:none;color:var(--icono)}
.dolor ul,.trae ul{list-style:none;display:grid;gap:10px;margin:0 0 18px;padding:0}
.dolor li,.trae li{display:flex;align-items:flex-start;gap:10px;font-size:17px}
.tarjetas{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.tarjetas li{padding:18px;border-radius:16px;background:var(--tarjeta)}
.tarjetas h3{margin:8px 0 4px;font-size:18px}
.tarjetas p{margin:0}
.fuente{margin-top:12px;font-size:13px;opacity:.8}
.trae{display:grid;gap:22px}
.trae img{margin:0 auto;max-height:560px;width:auto;border-radius:16px}
.pasos ol{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.pasos li{display:flex;align-items:center;gap:12px;font-size:17px}
.num{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cta);color:var(--cta-texto);font-weight:800}
.pedido{background:var(--pedido-fondo)}
.pedido form,.gracias{max-width:560px}
.ofertas{display:grid;gap:14px;margin:0 0 22px;padding:0;border:0}
.oferta{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:16px 16px 16px 50px;border:2px solid transparent;border-radius:16px;background:var(--tarjeta);cursor:pointer}
.oferta input{position:absolute;left:16px;top:50%;width:22px;height:22px;margin:0;transform:translateY(-50%);accent-color:var(--cta)}
.oferta.elegida,.oferta:has(input:checked){border-color:var(--cta);box-shadow:0 0 0 3px var(--anillo)}
.oferta-titulo{font-size:18px;font-weight:800}
.oferta-precio{text-align:right;font-size:20px;font-weight:800}
.oferta-sub{font-size:14px}
.oferta-antes{text-align:right;font-size:13px;opacity:.75}
.etiqueta{position:absolute;top:-11px;right:14px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--etiqueta-fondo);color:var(--etiqueta-texto)}
.pedido h3{margin:8px 0 12px;font-size:18px}
.campo{position:relative;display:grid;gap:6px;margin:0 0 14px}
.campo>label,.campo legend{font-size:15px;font-weight:700}
.campo input:not([type=radio]){width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--borde);border-radius:12px;background:#fff;color:var(--tinta);font:inherit;font-size:16px}
.campo input:focus{outline:3px solid var(--foco);outline-offset:1px;border-color:var(--cta)}
.tipo-lugar{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0}
.tipo-lugar legend{margin-bottom:6px}
.tipo-lugar input{accent-color:var(--cta)}
.tipo-lugar label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1.5px solid var(--borde);border-radius:999px;background:#fff;font-size:15px;font-weight:600}
#lista-municipios{position:absolute;z-index:5;top:100%;left:0;right:0;max-height:280px;overflow:auto;margin:4px 0 0;padding:4px;list-style:none;border:1.5px solid var(--borde);border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12)}
#lista-municipios li{padding:10px 12px;border-radius:8px;cursor:pointer}
#lista-municipios li[aria-selected="true"],#lista-municipios li:hover{background:var(--tarjeta)}
#lista-municipios small{opacity:.75}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.total{margin:6px 0 10px;font-size:17px}
.aviso-datos{margin:0 0 14px;font-size:13px}
.error{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#FDECEA;color:#8A1C12;font-weight:600}
.error .boton{margin-top:10px}
.gracias{padding:22px;border-radius:16px;background:var(--tarjeta);text-align:center}
.gracias:focus{outline:none}
.preguntas details{margin:0 0 10px;border-radius:12px;background:var(--tarjeta)}
.preguntas summary{min-height:44px;padding:14px 16px;font-weight:700;cursor:pointer}
.preguntas details p{margin:0;padding:0 16px 14px}
.pie{padding:32px 16px 112px;text-align:center;font-size:14px;background:var(--pie-fondo);color:var(--pie-texto)}
.pie nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:12px 0}
.pie a{color:var(--pie-texto)}
.pie nav a{display:inline-block;padding:10px 6px}
.logo-pie{height:44px;width:auto;margin:0 auto 8px}
.barra-fija{position:fixed;z-index:10;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--fija-fondo);color:var(--fija-texto);box-shadow:0 -6px 18px rgba(0,0,0,.15);transform:translateY(110%);transition:transform .25s}
.barra-fija.visible{transform:none}
.barra-fija span{display:grid;line-height:1.25}
.barra-fija strong{font-size:18px}
.barra-fija small{font-size:12px;opacity:.9}
.barra-fija .boton{width:auto;min-height:48px;padding:12px 22px;white-space:nowrap}
.pagina-legal .pie{padding-bottom:32px}
.legal{max-width:760px;margin:0 auto;padding:24px 16px 48px}
.legal h1{font-size:clamp(26px,6vw,34px)}
.legal h2{margin-top:1.4em;font-size:20px}
.vigencia{font-size:14px;opacity:.8}
@media (min-width:900px){
  main>section{padding:64px max(24px,calc((100% - 1080px) / 2))}
  .hero{grid-template-columns:1.05fr .95fr;grid-template-areas:"titulo foto" "compra foto";align-items:center;column-gap:48px}
  .hero-compra .boton{max-width:420px}
  .sellos{justify-content:flex-start}
  .promesas{justify-content:flex-start}
  .tarjetas{grid-template-columns:repeat(3,1fr)}
  .trae{grid-template-columns:1fr 1fr;align-items:center}
  .trae .boton{max-width:420px}
  .barra-fija{display:none}
  .pie{padding-bottom:32px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.barra-fija{transition:none}}

:root{--fondo:#FFFFFF;--tinta:#18241D;--titulo:#12331F;--acento-texto:#256A2A;--precio:#12331F;--off-fondo:#F2E94E;--off-texto:#12331F;--cta:#1A432F;--cta-texto:#F2E94E;--foco:#F2E94E;--anillo:rgba(242,233,78,.6);--tarjeta:#F1F5EE;--borde:#C9D3C4;--pedido-fondo:#EAF2E4;--etiqueta-fondo:#F2E94E;--etiqueta-texto:#12331F;--icono:#2E7D32;--barra-fondo:#F2E94E;--barra-texto:#12331F;--pie-fondo:#12331F;--pie-texto:#EAF2E4;--fija-fondo:#12331F;--fija-texto:#FFFFFF}
.hero{background:#EAF2E4}
.hero h1{text-transform:uppercase;font-style:italic;letter-spacing:-.01em}
.hero h1 span{background:linear-gradient(transparent 58%,#F2E94E 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.precio-ahora{font-size:clamp(42px,11vw,58px)}
.precio-off{font-size:17px;transform:rotate(-3deg)}
.cronometro{display:inline-flex;padding:10px 14px;border-radius:12px;background:#12331F;color:#FFFFFF}
.cronometro .icono{color:#F2E94E}
.cronometro strong{color:#F2E94E}
main h2{text-transform:uppercase}
.dolor{background:#12331F;color:#EAF2E4}
.dolor h2{color:#F2E94E}
.dolor .icono{color:#F2E94E}
.oferta.recomendada{background:#FFFBD6}