/* Custom Styles for Amparo COFEPRIS - Self-Contained BanaHosting Edition */
:root {
  --olive-900: #1B2517;
  --olive-800: #293822;
  --olive-700: #384C2F;
  --olive-600: #49633D;
  --olive-500: #5C7C4E;
  --olive-200: #D8E2D3;
  --olive-100: #EBF1E8;
  --olive-50:  #F5F8F4;

  --sand-50:  #FAF8F5;
  --sand-100: #F3EFE7;
  --sand-200: #E6DFD2;
  --sand-300: #D4C9B8;
  --sand-400: #BEB09B;
  --sand-gold: #C29649;
  --sand-gold-dark: #9E742E;

  --wa-green: #25D366;
  --wa-dark: #128C7E;
  --wa-emerald: #16A34A;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--sand-50);
  color: #2D3728;
  -webkit-font-smoothing: antialiased;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Subtle texture */
.bg-subtle-pattern {
  background-color: var(--sand-50);
  background-image: radial-gradient(rgba(56, 76, 47, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
}

.badge-gold {
  background: linear-gradient(135deg, #FBF4E7 0%, #F5E8D2 100%);
  border: 1px solid #DFCBA8;
  color: #79571C;
}

.card-hover {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -6px rgba(41, 56, 34, 0.09), 0 4px 12px -2px rgba(41, 56, 34, 0.04);
}

details summary::-webkit-details-marker {
  display: none;
}
details[open] summary .faq-icon {
  transform: rotate(180deg);
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--olive-600) !important;
  box-shadow: 0 0 0 3px rgba(73, 99, 61, 0.18) !important;
}

.mobile-action-bar {
  box-shadow: 0 -4px 20px rgba(27, 37, 23, 0.08);
}