/* ===== Header, Stripe-inspired: airy single row, logo / links / one calm CTA, generous gaps, no language switch ===== */
:root{--hh:80px}
@media(max-width:900px){:root{--hh:68px}}
header.solid{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav{grid-template-columns:auto 1fr auto;column-gap:40px}
.links{justify-self:center;gap:8px;flex-wrap:nowrap}
.links a{padding:10px 18px;font-size:12.5px;letter-spacing:.12em;white-space:nowrap}
.links a::after{left:18px;right:18px}
.acts{gap:20px;flex-wrap:nowrap}

/* calmer nav-bar CTA: same red + chamfer as the rest of the site, but a soft colour
   shift on hover instead of the bold pixel-shadow press (that stays for page CTAs) */
.btn.sm:not(.ghost){padding:11px 20px;font-size:12px;letter-spacing:.1em;white-space:nowrap;box-shadow:none;transition:background-color .15s ease,transform .1s ease}
.btn.sm:not(.ghost):hover{transform:none;box-shadow:none;background:#b80007!important}

/* collapse to the menu button a touch earlier on Spanish pages: same nav, longer labels */
@media(max-width:1240px){html[lang=es] .links{display:none}html[lang=es] .burger{display:block}}
@media(max-width:1120px){.links{display:none}.burger{display:block}.nav{grid-template-columns:1fr auto}}
@media(max-width:1280px){.links a{padding:10px 13px;letter-spacing:.1em}.nav{column-gap:24px}}
@media(max-width:560px){.nav{column-gap:10px}.acts{gap:10px}.btn.sm:not(.ghost){padding:9px 14px;font-size:11px}}