*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--alto-header);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--fuente-cuerpo);font-size:var(--texto-base);line-height:1.6;color:var(--color-texto);background:var(--color-superficie)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--fuente-titulos);font-weight:700;line-height:1.15;margin:0 0 var(--esp-2)}
h1{font-size:var(--texto-h1)}
h2{font-size:var(--texto-h2)}
p{margin:0 0 var(--esp-2)}
a{color:var(--color-primario)}
:focus-visible{outline:3px solid var(--color-bronce);outline-offset:3px}
.site-header :focus-visible,.hero :focus-visible,.site-footer :focus-visible{outline-color:var(--color-bronce-claro)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.saltar{position:absolute;left:var(--esp-2);top:-100px;z-index:200;background:var(--color-primario-oscuro);color:#fff;padding:var(--esp-1) var(--esp-2);border-radius:var(--radio)}
.saltar:focus{top:var(--esp-1)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms}
}