/* Compact language control; it does not change the header's height. */
.language-switcher{display:flex;align-items:center;gap:5px;position:absolute;right:16px;top:3px;z-index:110;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.04em;color:#fff;white-space:nowrap}
.language-switcher a{color:inherit;text-decoration:none;padding:2px 3px}
.language-switcher a[aria-current=true]{color:#61e5e9;border-bottom:1px solid currentColor}
.language-switcher a:focus-visible{outline:2px solid #61e5e9;outline-offset:2px}
body>.language-switcher{position:fixed;background:#12072b;border-radius:4px;padding:5px;right:12px;top:8px}
@media(max-width:1040px){.site-header>.language-switcher{right:16px;top:3px}.language-switcher{font-size:11px}}
html[lang=es] .nav__link{letter-spacing:.09em}
html[lang=es] .nav{gap:clamp(10px,1.2vw,20px)}
html[lang=es] .btn{white-space:normal}
html[lang=es] .home-services-title{font-size:clamp(2rem,9.2vw,8rem)}
@media(max-width:640px){html[lang=es] .hero .home-services-title{font-size:calc(clamp(2rem,9.2vw,8rem) + 10pt)}}
html[lang=es] input,html[lang=es] select,html[lang=es] textarea{max-width:100%}

/* Spanish labels are longer: reuse the existing compact navigation a little earlier. */
@media(min-width:1041px) and (max-width:1180px){
 html[lang=es] .nav-toggle{display:block}
 html[lang=es] .nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--night);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:0 var(--pad);max-height:0;overflow:hidden;transition:max-height .35s ease}
 html[lang=es] .nav.is-open{max-height:min(760px,80dvh);overflow-y:auto}
 html[lang=es] .nav__link{padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
 html[lang=es] .nav .btn{margin:16px 0 22px;text-align:center}
 html[lang=es] .nav__item{position:static;display:block}
 html[lang=es] .nav__drop{width:100%;padding:16px 0;text-align:left}
 html[lang=es] .dropdown{display:none;position:static;opacity:1;visibility:visible;transform:none;min-width:0;background:none;border:0;box-shadow:none;padding:0 0 6px 18px}
 html[lang=es] .has-drop.is-open .dropdown{display:block}
 html[lang=es] .dropdown a{padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);font-size:.72rem}
}
html[lang=es] .split>*,html[lang=es] .grid-2>*,html[lang=es] .grid-3>*{min-width:0}
html[lang=es] .eyebrow,html[lang=es] h1,html[lang=es] h2,html[lang=es] h3{overflow-wrap:break-word}
@media(max-width:400px){html[lang=es] .eyebrow{overflow-wrap:anywhere}html[lang=es] .btn{letter-spacing:.1em}}
html[lang=es] .form>*{min-width:0}
html[lang=es] .form input,html[lang=es] .form select,html[lang=es] .form textarea{min-width:0;width:100%;box-sizing:border-box}
html[lang=es] .form input[type=checkbox]{width:auto}
@media(max-width:400px){html[lang=es] .footer-brand .logo{font-size:1rem}html[lang=es] .footer-grid>*{min-width:0}html[lang=es] .footer-brand .logo__tag{white-space:normal}html[lang=es] p{overflow-wrap:break-word}}
html[lang=es] .two-column>*{min-width:0}
@media(max-width:400px){html[lang=es] .quiet-panel{overflow-wrap:anywhere}}

/* Mobile: place the language links at the upper-left edge of the logo area. */
@media(max-width:640px){
 .site-header>.language-switcher,body>.language-switcher{left:12px;right:auto;top:0;text-shadow:0 1px 4px #000}
}