/* Reset, tipografía y utilidades base */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--text);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fh);color:var(--ink);line-height:1.12;letter-spacing:-.01em}
ul{list-style:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Secciones y encabezados */
section{padding:60px 0}
section[id]{scroll-margin-top:90px}
.soft{background:var(--soft)}
.head{text-align:center;max-width:680px;margin:0 auto 34px}
.head h2{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:800;margin-bottom:12px}
.kick{display:inline-block;color:var(--blue);background:#e1f3f8;font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.note{text-align:center;margin-top:36px;font-weight:600}
.note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

@media(max-width:1000px){section{padding:44px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}