:root{--tinta:#0f2a3d;--fondo:#f3f5f7;--acento:#e8590c;--suave:#5b6b78;--linea:#d5dce2}
*{box-sizing:border-box}
html{scroll-padding-top:1rem}
body{margin:0;background:var(--fondo);color:var(--tinta);font:18px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main,header,footer{max-width:42rem;margin:0 auto;padding:0 1.25rem}
header{padding-top:2rem;display:flex;justify-content:space-between;align-items:baseline}
.marca{font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--tinta);text-decoration:none}
nav a{color:var(--suave);text-decoration:none;margin-left:1.2rem;font-size:.95rem}
nav a:hover,nav a:focus-visible{color:var(--acento)}
h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.1;letter-spacing:-.03em;margin:3.5rem 0 1rem}
h2{font-size:1.3rem;margin:2.6rem 0 .6rem}
p,li{max-width:38rem}
li{margin:.4rem 0}
.sub{font-size:1.2rem;color:var(--suave)}
.boton{display:inline-block;margin-top:1rem;background:var(--acento);color:#fff;padding:.75rem 1.3rem;border-radius:.5rem;text-decoration:none;font-weight:600}
.boton:hover,.boton:focus-visible{background:#c24a08}
a{color:var(--acento)}
footer{margin-top:4rem;padding-top:1.2rem;padding-bottom:2.5rem;border-top:1px solid var(--linea);color:var(--suave);font-size:.9rem}
@media (prefers-reduced-motion:no-preference){.boton{transition:background .15s}}