/* Progressive enhancement: every section remains readable without JavaScript. */
html { scroll-padding-top: 110px; }
:focus-visible { outline: 3px solid #8F4F2B; outline-offset: 5px; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 16px; padding: 12px 18px; background: #FBF8F1; color: #4A1B3F; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
main { display: block; }
main:focus { outline: none; }
[id] { scroll-margin-top: 110px; }
#ea-hero, #ea-header { opacity: 1 !important; }
#ea-hero { transform: none !important; height: auto !important; min-height: 85vh; }
#ea-pin { height: auto !important; margin-top: 0 !important; }
#ea-pin > div { height: auto !important; position: relative !important; }
#ea-sello, #ea-cue { display: none !important; }
body[data-page="articulo"] #ea-header { background: rgba(74,27,63,.97) !important; color: #F5EFE4 !important; }
body[data-page="articulo"] #ea-logo-a { color: #C9885F !important; }
body[data-page="articulo"] #ea-progress { background: #C9885F !important; }
@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .intro-enabled #ea-pin { height: 260vh !important; margin-top: -67px !important; }
  .intro-enabled #ea-pin > div { position: sticky !important; top: 0; height: 100vh !important; }
  .intro-enabled #ea-hero { height: 100vh !important; }
  .intro-enabled #ea-sello, .intro-enabled #ea-cue { display: flex !important; }
}
@media (max-width: 899px) {
  #ea-hero { padding-top: 0 !important; min-height: 0; grid-template-columns: 1fr !important; }
  #ea-hero > div { padding: 40px 24px !important; }
  [aria-label="En preparación"] [data-reveal] { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  header nav { gap: 8px 18px !important; font-size: 14px !important; }
  body[data-page="articulo"] #ea-header { position: sticky !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}