html {
  scroll-behavior: smooth;
  font-size: 16px; /* Evita zoom automático en iOS */
  -webkit-text-size-adjust: 100%;
}

/* Mobile: touch targets y legibilidad */
@media (max-width: 639px) {
  body {
    font-size: 16px;
  }
}

.text-warm {
  color: #5c4a38;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Safe area para móviles con notch - header */
@supports (padding: env(safe-area-inset-top)) {
  .sticky.top-0 {
    padding-top: max(env(safe-area-inset-top), var(--header-pt, 2.5rem));
  }
}

.leaf-pattern {
  background-color: #f8f7f5;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f47b25' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dark .leaf-pattern {
  background-color: #221710;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f47b25' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.terracotta-pattern {
  background-image:
    radial-gradient(circle at 25% 25%, rgba(192, 86, 46, 0.18) 0, rgba(192, 86, 46, 0.18) 8px, transparent 8px),
    radial-gradient(circle at 75% 70%, rgba(192, 86, 46, 0.14) 0, rgba(192, 86, 46, 0.14) 10px, transparent 10px);
  background-size: 160px 160px;
}

/* Fondo actual: otoño cálido */
.autumn-background {
  background-color: #f5efe8;
  background-image:
    repeating-linear-gradient(135deg, rgba(184, 106, 50, 0.04) 0, rgba(184, 106, 50, 0.04) 2px, transparent 2px, transparent 12px),
    linear-gradient(180deg, #fcf8f4 0%, #f5ede4 45%, #efe3d7 100%);
  background-attachment: fixed;
}

/* Fondo crema cálido - estilo Madison & Lenoix */
.wedding-background {
  background-color: #F9F5EB;
  background-image:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(122, 96, 68, 0.06) 0%, transparent 50%),
    linear-gradient(180deg, #FBF8F4 0%, #F9F5EB 50%, #F5F0E6 100%);
  background-attachment: fixed;
}

/* Sección Detalles de la boda y Código de vestimenta */
.details-section {
  background-color: #FBF8F4;
  background-image:
    radial-gradient(ellipse 100% 60% at 50% 0%, rgba(122, 96, 68, 0.05) 0%, transparent 60%),
    linear-gradient(180deg, #FCF9F5 0%, #F9F5EB 100%);
}

/* Detalles de la boda: pampas/campo como fondo */
.details-section-pampas {
  background-color: #FBF8F4;
  background-image:
    linear-gradient(rgba(251, 248, 244, 0.45) 0%, rgba(249, 245, 235, 0.6) 100%),
    url("https://images.pexels.com/photos/15724996/pexels-photo-15724996.jpeg?auto=compress&cs=tinysrgb&w=1400");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}