/* Selector de idioma (details/summary: accesible y sin JavaScript) */
.lang-switch{position:relative;flex:none}
.lang-switch summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 10px;border:1px solid var(--line);font-size:.74rem;letter-spacing:.14em;font-weight:600;color:var(--ink);background:transparent;user-select:none}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 2px 0 4px}
.lang-switch[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.lang-switch summary:hover{border-color:var(--gold);color:var(--gold-d)}
.lang-switch summary svg{width:16px;height:16px}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:70;list-style:none;margin:0;padding:8px 0;min-width:180px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.14)}
.lang-menu a{display:block;padding:9px 18px;text-decoration:none;color:var(--ink);font-size:.92rem;letter-spacing:0;text-transform:none}
.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--ivory);color:var(--gold-d)}
html:not([dir=rtl]) .lang-menu a{text-align:left}
html[dir=rtl] .lang-menu a{text-align:right}
.lang-menu a[aria-current]{font-weight:600;color:var(--gold-d)}
.lang-menu a[aria-current]::after{content:" ✓"}
.site-header .brand{flex:none;white-space:nowrap}

@media (min-width:981px){.site-header .wrap{gap:14px}.nav{gap:clamp(10px,1.1vw,22px)}.nav a{font-size:.7rem;letter-spacing:.08em}.nav .btn{padding:10px 14px}.brand strong{font-size:1.2rem}}
@media (min-width:981px) and (max-width:1180px){.brand strong{display:none}}
@media (max-width:980px){.site-header .lang-switch{order:2;margin-inline-start:auto}.site-header .menu-toggle{order:3}}
@media (max-width:980px){.site-header .wrap{gap:10px}.site-header .brand{flex:0 1 auto;min-width:0}}
@media (max-width:480px){.site-header .brand{gap:8px}.site-header .brand img{width:24px}.site-header .brand strong{font-size:1.02rem}.lang-switch summary{padding:6px 7px;gap:4px}.lang-switch summary::after{display:none}.site-header .menu-toggle{padding:8px 4px}}
@media (max-width:340px){.site-header .brand strong{font-size:.9rem}}
h1,h2,h3,.eyebrow,main li,main p{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.f-es-note{opacity:.8}
