*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fs-texto);line-height:var(--lh-texto);letter-spacing:var(--ls-texto);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--text-titular);margin:0}
h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
p{margin:0 0 var(--e-4);max-width:var(--medida-texto);text-wrap:pretty}
a{color:var(--azul-profundo);text-decoration:none;border-bottom:1px solid var(--enlace-subrayado);transition:border-color var(--dur-hover) var(--curva)}
a:hover{border-bottom-color:var(--enlace-subrayado-hover)}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px}
img{max-width:100%;display:block}