/*
 * Cabeçalho compartilhado — Cacau Nunes
 * Navegação única para início, colinha, foto de apoio e painel eleitoral.
 */
:root{
  --campaign-header-deep:#003f2f;
  --campaign-header-deep-2:#004c38;
  --campaign-header-green:#0aa85b;
  --campaign-header-yellow:#ffda1a;
  --campaign-header-ink:#07150f;
  --campaign-header-shell:1280px;
}
body.with-site-header{padding-top:132px!important}
.site-ticker{position:fixed;z-index:1201;inset:0 0 auto 0;height:44px;overflow:hidden;background:linear-gradient(90deg,#087b50 0%,#00965e 52%,#087b50 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.site-ticker__group{display:flex;flex-shrink:0;align-items:center;gap:32px;padding-right:32px}
.site-ticker span{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.site-ticker b{width:7px;height:7px;border-radius:50%;background:var(--campaign-header-yellow);box-shadow:0 0 0 5px rgba(255,218,26,.13)}
.site-header{position:fixed;z-index:1200;top:44px;left:0;right:0;height:88px;background:linear-gradient(135deg,var(--campaign-header-deep) 0%,var(--campaign-header-deep-2) 100%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,45,34,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-header__shell{width:min(calc(100% - 48px),var(--campaign-header-shell));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0;text-decoration:none;flex:0 0 auto}
.site-brand__mark{width:58px;height:58px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.26))}
.site-brand__identity{display:grid;gap:2px;min-width:0}
.site-brand__wordmark{width:158px;height:auto;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.2))}
.site-brand__identity small{display:block;padding-left:3px;font-size:8px;letter-spacing:.19em;color:rgba(255,255,255,.66);font-weight:800;white-space:nowrap}
.site-menu{display:flex;align-items:center;gap:14px;flex:0 0 auto;color:rgba(255,255,255,.78);font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.4}
.site-menu a{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;padding:10px 0;color:inherit;text-decoration:none;transition:color .2s ease;white-space:nowrap}
.site-menu a:hover,.site-menu a:focus-visible{color:var(--campaign-header-yellow)}
.site-menu a:focus-visible{outline:2px solid var(--campaign-header-yellow);outline-offset:3px;border-radius:4px}
.site-menu a.is-active:not(.site-menu__cta){color:var(--campaign-header-yellow);font-weight:700}
.site-menu a.is-active:not(.site-menu__cta)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:99px;background:var(--campaign-header-yellow)}
.site-menu .site-menu__cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border-radius:999px;background:var(--campaign-header-yellow);color:var(--campaign-header-ink)!important;font-weight:800}
.site-menu__cta:hover,.site-menu__cta:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,218,26,.2)}
.site-menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06);cursor:pointer}
.site-menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:#fff;border-radius:2px;transition:.2s ease}
.site-menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-menu-toggle.active span:nth-child(2){opacity:0}
.site-menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
body.with-site-header .preview-card{top:150px}
body.with-site-header .apoio-stage-card{top:150px}

/* Também recolhe se as fontes ou o zoom excederem o espaço disponível. */
.site-header--compact .site-menu-toggle{display:block;flex:0 0 auto}
.site-header--compact .site-menu{position:absolute;left:24px;right:24px;top:calc(100% + 10px);display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px;border-radius:20px;background:linear-gradient(145deg,#003f2f 0%,#00513b 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(1,53,37,.25);max-height:calc(100vh - 156px);max-height:calc(100dvh - 156px);overflow-y:auto;overscroll-behavior:contain}
.site-header--compact .site-menu.open{display:flex}
.site-header--compact .site-menu a{padding:12px 15px;border-radius:12px;font-size:14px;white-space:nowrap}
.site-header--compact .site-menu a.is-active:not(.site-menu__cta)::after{left:15px;right:auto;bottom:7px;width:46px}
.site-header--compact .site-menu .site-menu__cta{margin-top:6px;padding:12px 15px}

@media(max-width:1280px){
  .site-menu-toggle{display:block;flex:0 0 auto}
  .site-menu{position:absolute;left:24px;right:24px;top:calc(100% + 10px);display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px;border-radius:20px;background:linear-gradient(145deg,#003f2f 0%,#00513b 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(1,53,37,.25);max-height:calc(100vh - 156px);max-height:calc(100dvh - 156px);overflow-y:auto;overscroll-behavior:contain}
  .site-menu.open{display:flex}
  .site-menu a{padding:12px 15px;border-radius:12px;font-size:14px;white-space:nowrap}
  .site-menu a.is-active:not(.site-menu__cta)::after{left:15px;right:auto;bottom:7px;width:46px}
  .site-menu .site-menu__cta{margin-top:6px;padding:12px 15px}
}

@media(max-width:800px){
  body.with-site-header{padding-top:112px!important}
  .site-ticker{height:40px}
  .site-ticker span{font-size:10px}
  .site-ticker__group{gap:26px;padding-right:26px}
  .site-header{top:40px;height:72px}
  .site-header__shell{width:min(calc(100% - 30px),var(--campaign-header-shell));gap:18px}
  .site-header .site-menu{left:15px;right:15px;max-height:calc(100vh - 136px);max-height:calc(100dvh - 136px)}
  body.with-site-header .preview-card{top:auto}
  body.with-site-header .apoio-stage-card{top:auto}
}
@media(max-width:520px){
  .site-brand__identity small{display:none}
  .site-brand__mark{width:48px;height:48px}
  .site-brand__wordmark{width:126px}
}
@media(max-width:390px){
  .site-brand{gap:8px}
  .site-brand__mark{width:43px;height:43px}
  .site-brand__wordmark{width:112px}
  .site-header__shell{gap:12px}
}
@supports (padding:max(0px)){
  .site-ticker{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-header__shell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
}
@media(prefers-reduced-motion:reduce){
  .site-menu a,.site-menu__cta,.site-menu-toggle span{transition:none}
}