body { margin: 0; background: #FFF9E3; font-family: Poppins, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #5C210B; text-decoration: none; }
  a:hover { color: #8A3512; }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* hover generado desde style-hover del handoff */
.hv-1:hover { transform:translateY(-2px);box-shadow:0 12px 32px rgba(92,33,11,0.22);color:#FFF9E3; }
.hv-2:hover { transform:translateY(-2px);box-shadow:0 12px 32px rgba(92,33,11,0.22);color:#FFF9E3; }
.hv-3:hover { background:#EFE3CB;color:#5C210B; }
.hv-4:hover { transform:translateY(-2px);box-shadow:0 12px 32px rgba(92,33,11,0.22);color:#FFF9E3; }
.hv-5:hover { transform:translateY(-2px);box-shadow:0 12px 32px rgba(92,33,11,0.22);color:#FFF9E3; }
.hv-6:hover { background:#EFE3CB;color:#5C210B; }
.hv-7:hover { background:#FCADCA;color:#5C210B; }
.hv-8:hover { transform:translateY(-2px);background:#FCADCA;color:#5C210B; }

/* reveal on scroll: estado inicial solo si hay JS y sin reduced-motion */
.js [data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity .55s ease, transform .55s ease; }
.js [data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}
img { max-width: 100%; }
:focus-visible { outline: 3px solid #FCADCA; outline-offset: 3px; border-radius: 4px; }

/* El handoff no resuelve el header en movil: los 4 enlaces del nav mas el boton
   fuerzan un ancho mayor que el viewport y el hero sale cortado. Por debajo de
   760px la navegacion se oculta (es una sola pagina y la barra fija de WhatsApp
   cubre la conversion) y el boton del header se compacta. */
@media (max-width: 760px) {
  .site-nav { display: none !important; }
  .site-header a[href^="https://wa.me"] { padding: 11px 18px !important; font-size: 14px !important; }
  .site-header > div { gap: 12px !important; }
}
html, body { max-width: 100%; overflow-x: hidden; }