/* Radio Integral — V12.2 global header consistency
   One header visual system on SR/EN and on every page type. */

:root{
  --ri-header-ink:#17243a;
  --ri-header-muted:#64748b;
  --ri-header-line:#dfe6ef;
  --ri-header-soft:#f4f7fb;
  --ri-header-blue:#12345d;
  --ri-header-red:#d33b43;
}

/* Utility bar: intentionally light on every public page. */
.topbar,
.art-v6 .topbar,
.final-v4 .topbar{
  background:#f6f8fb!important;
  color:var(--ri-header-muted)!important;
  border-bottom:1px solid var(--ri-header-line)!important;
  box-shadow:none!important;
}
.topbar-inner{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.topbar-inner>div:first-child{display:flex;align-items:center;min-width:0;color:#5f6f86!important;white-space:nowrap}
.topbar-inner>div:first-child strong{color:var(--ri-header-ink)!important;font-weight:850}
.topbar a{color:#52647d!important;text-decoration:none}
.topbar a:hover,.topbar a:focus-visible{color:var(--ri-header-blue)!important}
.signal-dot{width:8px!important;height:8px!important;background:#58bd78!important;box-shadow:0 0 0 5px rgba(88,189,120,.12)!important}
.top-contact{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;min-width:0}
.top-contact>a[href^="tel:"],.top-contact>a[href^="mailto:"]{font-size:.81rem!important;font-weight:650!important;white-space:nowrap!important;color:#586982!important}
.ri-header-utils{display:inline-flex;align-items:center;gap:7px;padding-left:3px}
.ri-social-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:31px!important;height:31px!important;flex:0 0 31px!important;border:1px solid #d7e0ea!important;border-radius:50%!important;background:#fff!important;color:#355c92!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(15,34,61,.025)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.ri-social-icon svg{display:block;width:14px;height:14px;fill:currentColor}
.ri-social-icon:hover,.ri-social-icon:focus-visible{border-color:#aebdd0!important;box-shadow:0 6px 18px rgba(18,52,93,.11)!important;transform:translateY(-1px);outline:none}

/* Always-visible segmented language control. No dropdown, no disappearing state. */
.ri-lang-switch{display:inline-flex!important;align-items:center!important;padding:3px!important;border:1px solid #d7e0ea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,34,61,.035)!important}
.ri-lang-option{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:25px!important;padding:0 9px!important;border-radius:7px!important;color:#63738a!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.035em!important;text-decoration:none!important;line-height:1!important}
.ri-lang-option:hover,.ri-lang-option:focus-visible{background:#edf2f8!important;color:var(--ri-header-blue)!important;outline:none!important}
.ri-lang-option.active{background:var(--ri-header-blue)!important;color:#fff!important;box-shadow:0 2px 8px rgba(18,52,93,.18)!important;pointer-events:none}

/* Main navigation: same white sticky header on all templates and languages. */
.site-header,
.art-v6 .site-header,
.final-v4 .site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(255,255,255,.975)!important;
  color:var(--ri-header-ink)!important;
  border-bottom:1px solid rgba(218,226,236,.98)!important;
  box-shadow:0 8px 28px rgba(9,29,56,.045)!important;
  backdrop-filter:blur(14px)!important;
}
.nav-wrap{min-height:78px!important;gap:22px!important}
.brand{width:220px!important;flex:0 0 220px!important;display:flex!important;align-items:center!important}
.site-header .brand img{display:block!important;width:auto!important;max-width:220px!important;max-height:58px!important;height:auto!important}
.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.desktop-nav>a,.nav-group>button{color:#2e3b50!important;background:transparent!important;border-radius:10px!important;font-weight:780!important}
.desktop-nav>a:hover,.nav-group>button:hover,.desktop-nav>a.active,.nav-group>button.active{background:#f0f4f9!important;color:#152b49!important}
.nav-cta{background:var(--ri-header-red)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(211,59,67,.18)!important}
.nav-cta:hover,.nav-cta:focus-visible{background:#bd2f38!important;color:#fff!important}

/* Mobile utility area is structurally identical on SR and EN. */
.ri-mobile-utils{display:none}

@media(max-width:1160px){
  .nav-wrap{gap:14px!important}
  .brand{width:185px!important;flex-basis:185px!important}.site-header .brand img{max-width:185px!important;max-height:50px!important}
  .desktop-nav>a,.nav-group>button{padding-left:8px!important;padding-right:8px!important;font-size:12.5px!important}
  .top-contact{gap:12px!important}
}

@media(max-width:980px){
  .desktop-nav{display:none!important}.menu-toggle{display:block!important}
  .nav-wrap{min-height:70px!important}.brand{width:190px!important;flex-basis:190px!important}.site-header .brand img{max-width:190px!important;max-height:49px!important}
}

@media(max-width:780px){
  .topbar-inner{min-height:40px!important;gap:10px!important}
  .topbar-inner>div:first-child{display:none!important}
  .top-contact{width:100%!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important}
  .top-contact>a[href^="tel:"]{display:none!important}
  .top-contact>a[href^="mailto:"]{display:block!important;margin-right:auto!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.75rem!important}
  .ri-header-utils{gap:5px!important;padding-left:0!important}
  .ri-social-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  .ri-lang-switch{padding:2px!important;border-radius:9px!important}.ri-lang-option{height:24px!important;min-width:31px!important;padding:0 7px!important;font-size:.68rem!important}
  .mobile-nav.open{display:grid!important}
  .ri-mobile-utils{display:block!important;margin:15px 0 3px!important;padding:15px!important;border:1px solid #dbe3ed!important;border-radius:13px!important;background:#f7f9fc!important}
  .ri-mobile-utils>strong{display:block;margin-bottom:10px;color:#10213d;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
  .ri-mobile-social{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}
  .ri-mobile-social-link{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid #d7e0ea!important;border-radius:9px!important;background:#fff!important;color:#315f9d!important;font-size:.78rem!important;font-weight:800!important;text-decoration:none!important}
  .ri-mobile-social-link svg{width:15px;height:15px;fill:currentColor}
  .ri-lang-switch-mobile{width:max-content!important}
}

@media(max-width:430px){
  .top-contact>a[href^="mailto:"]{max-width:122px!important}
  .brand{width:174px!important;flex-basis:174px!important}.site-header .brand img{max-width:174px!important;max-height:46px!important}
}

@media(prefers-reduced-motion:reduce){.ri-social-icon{transition:none!important}}