*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--fondo);color:var(--texto);font:400 1.0625rem/1.6 var(--sans);padding-bottom:env(safe-area-inset-bottom)}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;color:var(--olivo)}
h2{font-size:clamp(2.25rem,8vw,3.5rem);text-align:center}
h3{font-size:1.75rem}
p+p{margin-top:var(--s3)}
section{padding:var(--s7) var(--s4);max-width:44rem;margin-inline:auto}
section>h2{margin-bottom:var(--s5)}
a{color:var(--bronce-txt)}
:focus-visible{outline:3px solid var(--bronce-txt);outline-offset:3px;border-radius:4px}
.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.divisor{display:block;width:120px;height:40px;margin:0 auto var(--s4);color:var(--bronce)}
.sup{font-size:.9375rem;letter-spacing:.06em;color:var(--bronce-txt)}
[hidden]{display:none!important}
@media (min-width:900px){section{padding-block:var(--s8)}body{font-size:1.125rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}