html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F6EFE2; }
a { color: #14213D; }
a:hover { color: #8A5A0B; }
img { max-width: 100%; }
button, input, textarea, select { font-family: inherit; }
:focus-visible { outline: 3px solid #E9A23B; outline-offset: 2px; }
@keyframes opa-caer { from { transform: translateY(-40px) rotate(0deg); opacity: 1; } to { transform: translateY(460px) rotate(620deg); opacity: 0; } }

/* Menú: en pantallas chicas se pliega detrás de un botón */
.menu-btn { display: none; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; background: transparent; color: #14213D; border: 1.5px solid #14213D; border-radius: 8px; padding: 0 16px; min-height: 44px; }
@media (max-width: 820px) {
  .menu-btn { display: inline-flex; align-items: center; }
  header nav[aria-label="Principal"] { display: none !important; order: 5; width: 100%; flex-direction: column; gap: 0 !important; border-top: 1px solid #E2D8C6; padding-top: 6px; }
  header nav[aria-label="Principal"] a { padding: 14px 0 !important; font-size: 18px; }
  html.nav-open header nav[aria-label="Principal"] { display: flex !important; }
  header > div:last-child { gap: 12px !important; }
  [data-part="promo"] span:nth-child(3) { display: none; }
}
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }