/* Estilos compartidos de los mockups. Tailwind (CDN) hace el resto. */
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
body { margin: 0; background: #fff; font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif; }
.hero-pattern {
  background-image: radial-gradient(rgba(255, 255, 255, 0.9) 1px, transparent 1.5px);
  background-size: 22px 22px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}