.language-picker { position: relative; flex: 0 0 auto; margin-left: auto; font-size: .875rem; color: #e8edf5; z-index: 60; }
.language-picker summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid #8e9eb74d; border-radius: 12px; cursor: pointer; list-style: none; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker summary:focus-visible, .language-options a:focus-visible { outline: 2px solid #ddd1ac; outline-offset: 4px; }
.language-chevron { font-size: 16px; transition: transform .2s; }
.language-picker[open] .language-chevron { transform: rotate(180deg); }
.language-options { position: absolute; right: 0; top: calc(100% + 8px); min-width: 175px; padding: 8px; background: #1c2d48; border: 1px solid #8e9eb74d; border-radius: 14px; box-shadow: 0 16px 36px #050c1d66; }
.language-options a { display: flex; align-items: center; gap: 10px; padding: 12px; min-height: 44px; border-radius: 8px; white-space: nowrap; }
.language-options a:hover, .language-options a[aria-current] { background: #30435f; color: #fff; }
.site-header .desktop-nav { flex-wrap: wrap; column-gap: clamp(16px, 2.6vw, 42px); }
.header-main { gap: clamp(14px, 2vw, 30px); }
html:not([lang="es"]) .header-description { display: none; }
html:not([lang="es"]) .hero h1 em { white-space: normal; }
html:not([lang="es"]) .article-head .breadcrumb { max-width: none; }
.article-layout > *, .service-detail > * { min-width: 0; }
@media (max-width: 960px) { .site-header .menu-toggle { margin-left: 0; } }
@media (max-width: 760px) {
  .header-main { gap: 10px; }
  .site-header .brand { width: 170px; height: 59px; flex-shrink: 1; }
  .site-header .brand img { width: 210px; height: 210px; left: -19px; top: -76px; }
  .language-picker .language-name { display: none; }
  .language-picker summary { padding: 8px; gap: 4px; }
  .language-options { right: -45px; }
  .site-header .menu-toggle { width: 42px; height: 44px; flex-shrink: 0; }
}
@media (max-width: 360px) { .site-header .brand { width: 145px; } .site-header .brand img { width: 185px; height: 185px; left: -18px; top: -67px; } }
