.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker{display:inline-flex;align-items:center;margin:0;order:3}.language-picker select{width:auto;min-width:108px;padding:7px 28px 7px 10px;background:#111;color:white;border:1px solid #555;border-radius:4px;font-size:.875rem;cursor:pointer}.language-picker select:focus-visible{outline:2px solid #e7780e;outline-offset:3px}.utility{gap:18px}.utility .language-picker{display:inline-flex}.utility{flex-wrap:wrap}html[lang=es] .header nav{gap:10px}html[lang=es] .header nav a{font-size:.75rem}html[lang=es] .hero h1{font-size:clamp(2rem,3.8vw,3.4rem)}html[lang=es] .hero h2{font-size:clamp(1rem,1.8vw,1.5rem)}html[lang=es] .card h3{font-size:1.05rem}@media(min-width:1280px){html[lang=es] .header nav a{font-size:.8rem}}@media(max-width:720px){.utility{gap:6px}.language-picker{order:0}.language-picker select{min-width:104px}.header>.brand{width:95px}.header{gap:8px}.menu-toggle{padding:9px 12px;margin-left:0}html[lang=es] .header nav a{font-size:1rem}html[lang=es] .hero h1{font-size:2.2rem}}

/* Align the mobile menu with the language selector. */
@media(max-width:720px){.header>.utility,.header>.menu-toggle{align-self:flex-start}.language-picker select,.header>.menu-toggle{height:36px}}

.header-contact-row{display:contents}
@media(max-width:720px){.header{display:grid;grid-template-columns:95px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px}.header>.brand{grid-column:1;grid-row:1}.header>.utility{display:contents}.utility>.language-picker{grid-column:2;grid-row:1;align-self:start;justify-self:end}.header>.menu-toggle{grid-column:3;grid-row:1}.utility>.header-contact-row{display:flex;grid-column:1/-1;grid-row:2;justify-content:flex-end;align-items:center;gap:14px;white-space:nowrap;font-size:.75rem}.header nav{grid-column:1/-1;grid-row:3}}

/* Place mobile contacts immediately below the header controls. */
@media(max-width:720px){.header{grid-template-rows:36px auto}.header>.brand{grid-row:1/3}.utility>.header-contact-row{grid-column:2/-1;align-self:start;gap:8px;font-size:clamp(.55rem,2.5vw,.75rem)}}