/* A compact language control, visible next to the menu on small screens. */
header{gap:24px}
#navigation{order:1;margin-left:auto;gap:26px}
.header-controls{order:2;display:flex;align-items:center;gap:12px;flex-shrink:0}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface);flex-shrink:0}
.language-option{display:inline-flex;align-items:center;justify-content:center;min-width:37px;min-height:36px;padding:4px 7px;border-radius:8px;font-size:12px;font-weight:650;line-height:1;letter-spacing:.02em;transition:background .2s,color .2s}
.language-option:hover{background:var(--line);color:var(--ink)}
.language-option[aria-current]{background:var(--action);color:var(--on-action)}
.language-option:focus-visible{outline-offset:3px}
.menu .menu-label{font-size:14px;line-height:1;transform:none;transition:none}
.menu[aria-expanded=true] .menu-label{transform:none}
html[lang=es] .hero h1{font-size:clamp(50px,6.3vw,92px)}
@media(max-width:1100px){
 .menu{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:14px;min-height:44px;cursor:pointer}
 .menu .menu-icon{font-size:23px;line-height:1}
 #navigation{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--bg);padding:22px;z-index:5;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0001;margin-left:0}
 #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 #navigation>a,#navigation>a:not(.nav-contact){padding:15px}
 #navigation>a:not(.nav-contact)::after{display:none}
 #navigation .nav-contact{margin-top:10px}
 html[lang=es] .hero h1{font-size:5.85vw}
}
@media(max-width:800px){html[lang=es] .hero h1{font-size:clamp(36px,8.4vw,67px)}}
@media(max-width:480px){
 header{gap:10px}
 .header-controls{gap:8px}
 .menu{width:44px;justify-content:center;padding:10px;gap:0}
 .menu .menu-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 header .brand>span{font-size:10px;max-width:140px;white-space:normal;line-height:1.4}
}
@media(max-width:380px){header .brand{font-size:23px}header .brand>span{max-width:126px;font-size:9.5px}.language-option{min-width:35px;padding-inline:6px}}