/* Linguagem visual dos Departamentos Nacionais aplicada aos Comitês. */
.cb-page{--cb-blue:var(--abrava-blue,#002f6d);--cb-sky:var(--abrava-yellow,#ffce00)}
.cb-page .cb-hero{position:relative;isolation:isolate;overflow:hidden;padding:145px 0 32px;min-height:540px;background:var(--cb-blue)}
.cb-page .cb-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../images/associacao-ondas-fundo.svg') left center/cover no-repeat;opacity:.6}
.cb-page .cb-hero-grid{display:block}
.cb-page .cb-hero-grid>div:first-child{position:relative;z-index:1;width:62%;max-width:760px;padding-right:28px}
.cb-page .cb-hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.18;letter-spacing:-1px}
.cb-page .cb-hero p{max-width:680px}
.cb-page .cb-breadcrumb{position:relative;z-index:1;width:62%;line-height:1.6}
.cb-page .cb-hero-visual{position:absolute;inset:0 0 0 65%;padding:0;z-index:0}
.cb-page .cb-hero-visual::before{content:"";position:absolute;inset:0;background:url('../images/comites-ondas-camadas.svg?v=20261021-3') center/100% 100% no-repeat}
.cb-page .cb-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;mask:url('../images/comites-onda-mask.svg?v=20261021-3') center/100% 100% no-repeat;-webkit-mask:url('../images/comites-onda-mask.svg?v=20261021-3') center/100% 100% no-repeat}
.cb-page .cb-hero-caption{position:relative;z-index:1;display:flex;align-items:center;gap:16px;width:420px;max-width:100%;margin:24px 0 0 auto;padding:18px 22px;background:var(--cb-blue);color:#fff;border:1px solid #ffffff40;box-shadow:0 12px 32px #002f6d33;border-radius:10px;font-size:16px;font-weight:600;line-height:1.4}
.cb-page .cb-hero-caption i{font-size:28px;color:var(--cb-sky);flex-shrink:0}
.cb-page .cb-hero .qai-button{background:var(--cb-sky);color:var(--cb-blue)}
.cb-page .cb-hero .qai-outline{background:transparent;color:#fff;border-color:#ffffff80}
.cb-page .cb-quick-nav{box-shadow:0 6px 22px #002f6d08}
.cb-page .cb-quick-nav a{position:relative;padding:4px 0;transition:color .2s ease}
.cb-page .cb-quick-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--abrava-medium-blue,#0082cc);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.cb-page .cb-quick-nav a:hover{color:var(--abrava-medium-blue,#0082cc);text-decoration:none}
.cb-page .cb-quick-nav a:hover::after,.cb-page .cb-quick-nav a:focus-visible::after{transform:scaleX(1)}
.cb-page .cb-management{background:linear-gradient(#f0f5f8bb,#f0f5f8bb),#f0f5f8 url('../images/associacao-ondas-fundo.svg') right bottom/cover no-repeat;box-shadow:0 12px 30px #002f6d08;border-top:3px solid var(--abrava-medium-blue,#0082cc)}
.cb-page .cb-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cb-page .cb-card .qai-icon{transition:background-color .25s ease,color .25s ease}
.cb-page .cb-contact,.cb-page .cb-norms-banner{background:var(--cb-blue) url('../images/associacao-ondas-fundo.svg') center/cover no-repeat;box-shadow:0 16px 38px #002f6d14}
.cb-page .cb-inner-hero{background:var(--cb-blue) url('../images/associacao-ondas-fundo.svg') right center/auto 140% no-repeat}
.cb-page :is(.cee-coordinator,.committee-coordinator){border-top:3px solid var(--abrava-medium-blue,#0082cc);box-shadow:0 12px 30px #002f6d08}
.cb-page #participar{padding-bottom:64px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .cb-page .cb-card:hover,.cb-page .cb-card.site-reveal-visible:hover{transform:translateY(-5px);border-color:var(--abrava-medium-blue,#0082cc);box-shadow:0 16px 32px #002f6d12}
 .cb-page .cb-card:hover .qai-icon{background:var(--abrava-medium-blue,#0082cc);color:#fff}
}
@media(max-width:1100px){
 .cb-page .cb-hero-grid>div:first-child,.cb-page .cb-breadcrumb{width:65%}
 .cb-page .cb-hero-visual{left:66%}
 .cb-page .cb-hero-caption{font-size:14px;padding:16px;gap:12px}
}
@media(max-width:700px){
 .cb-page .cb-hero{padding:112px 0 0;min-height:0}
 .cb-page .cb-hero::before{inset:0;background-size:auto 65%;background-position:left top;opacity:.45}
 .cb-page .cb-hero-grid>div:first-child,.cb-page .cb-breadcrumb{width:100%;max-width:none;padding-right:0}
 .cb-page .cb-hero h1{font-size:32px;letter-spacing:-.5px;overflow-wrap:break-word}
 .cb-page .cb-hero .cb-nowrap{white-space:normal}
 .cb-page .cb-hero .qai-actions{margin-top:24px;gap:12px}
 .cb-page .cb-hero-visual{position:relative;inset:auto;width:calc(100% + 40px);height:250px;margin:32px -20px 0}
 .cb-page .cb-hero-caption{margin:20px 0;font-size:14px}
 .cb-page .cb-hero-caption i{font-size:24px}
 .cb-page #participar{padding-bottom:42px}
}
@media(prefers-reduced-motion:reduce){
 .cb-page .cb-card,.cb-page .cb-card .qai-icon,.cb-page .cb-quick-nav a,.cb-page .cb-quick-nav a::after{transition:none}
}