/*
 * Cabeçalho compartilhado — Cacau Nunes
 * Mantém Faça sua Colinha e Fechado(a) com CACAU com o mesmo cabeçalho visual da home.
 */
:root{
  --campaign-header-deep:#02291f;
  --campaign-header-deep-2:#064b36;
  --campaign-header-green:#0aa85b;
  --campaign-header-yellow:#ffda1a;
  --campaign-header-ink:#07150f;
  --campaign-header-shell:1240px;
}
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__track{display:flex!important;width:max-content!important;height:100%!important;will-change:transform!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation-name:siteTickerMove!important;animation-duration:124s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running!important;animation-fill-mode:none!important}
.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)}
@keyframes siteTickerMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.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:36px}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0;text-decoration:none}
.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:28px;color:rgba(255,255,255,.76);font-size:13px;font-weight:750}
.site-menu a{position:relative;color:inherit;text-decoration:none;transition:.2s ease;white-space:nowrap}
.site-menu a:hover,.site-menu a:focus-visible{color:var(--campaign-header-yellow);outline:none}
.site-menu a.is-active:not(.site-menu__cta){color:var(--campaign-header-yellow);font-weight:900}
.site-menu a.is-active:not(.site-menu__cta)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:99px;background:var(--campaign-header-yellow)}
.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:900}
.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}

@media(max-width:1100px) and (min-width:801px){
  .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)}
  .site-menu.open{display:flex}
  .site-menu a{padding:15px;border-radius:12px;white-space:normal}
  .site-menu a.is-active:not(.site-menu__cta)::after{left:15px;right:auto;bottom:7px;width:46px}
  .site-menu__cta{margin-top:6px;padding:0 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-menu-toggle{display:block;flex:0 0 auto}
  .site-menu{position:absolute;left:15px;right:15px;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)}
  .site-menu.open{display:flex}
  .site-menu a{padding:15px;border-radius:12px;white-space:normal}
  .site-menu a.is-active:not(.site-menu__cta)::after{left:15px;right:auto;bottom:7px;width:46px}
  .site-menu__cta{margin-top:6px;padding:0 15px}
  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-ticker__track{animation-name:siteTickerMove!important;animation-duration:160s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
  .site-menu a,.site-menu__cta,.site-menu-toggle span{transition:none}
}