/* Capa 2 · estructura */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; font: 16px/1.65 'Plus Jakarta Sans', system-ui, sans-serif; color: var(--tinta); background: var(--fondo); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
h1, h2, h3 { font-family: var(--display); line-height: 1.12; letter-spacing: -.02em; margin: 0 0 .5em; }
a { color: inherit; }
.saltar { position: absolute; left: -999px; top: 8px; z-index: 50; background: var(--marino); color: #fff; padding: 8px 14px; border-radius: 8px; }
.saltar:focus { left: 16px; }
.barra { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 24px; padding: 14px max(16px, calc((100% - var(--ancho)) / 2)); background: color-mix(in srgb, var(--fondo) 78%, transparent); backdrop-filter: blur(14px) saturate(1.4); -webkit-backdrop-filter: blur(14px) saturate(1.4); transition: box-shadow .3s; }
.barra a { color: inherit; text-decoration: none; }
.seccion { padding: 96px max(16px, calc((100% - var(--ancho)) / 2)); }
.texto { max-width: 760px; margin: 0 auto; padding: 48px 16px; }
img.protegida { -webkit-user-drag: none; user-select: none; }
:focus-visible { outline: 3px solid var(--laguna); outline-offset: 3px; border-radius: 6px; }