/* Contraste dos banners e serviços com fotografias. */
.photo-hero{height:auto!important;background-color:#062e43!important;padding-top:80px!important;padding-bottom:96px!important}
.photo-hero>.absolute{opacity:.3!important;pointer-events:none}
.photo-hero h1{color:#fff!important;font-size:clamp(2.4rem,6vw,5.5rem)!important;line-height:1.08!important;overflow-wrap:break-word}
.photo-hero .text-proativa-green{color:#86efac!important}
.photo-hero p{color:#edf4f8!important;opacity:1!important}
.photo-hero a{color:#fff!important}
.photo-card{background-color:#062333!important}
.photo-overlay{background:linear-gradient(180deg,rgba(3,20,32,.25) 0%,rgba(3,20,32,.8) 45%,rgba(3,20,32,.97) 100%);pointer-events:none}
.photo-card h3{color:#fff!important;text-shadow:0 2px 6px #0008;line-height:1.15!important;overflow-wrap:break-word}
.photo-card p{color:#f1f5f9!important;opacity:1!important;text-shadow:0 1px 4px #0008}
.service-page{padding-top:72px!important}
.service-page h1{font-size:clamp(2.2rem,6vw,5.5rem)!important;line-height:1.1!important;overflow-wrap:break-word}
.service-page>.container:first-child{margin-bottom:64px!important}
/* O verde claro mantém os indicadores legíveis nas faixas azuis. */
.contrast-metrics .text-proativa-green{color:#86efac}
@media(max-width:640px){.photo-hero{padding-top:48px!important;padding-bottom:56px!important}.service-page{padding-top:48px!important}.photo-card>div:last-child{padding:28px!important}}

.photo-hero>.container{padding-top:0!important}

/* Menu integrado ao banner; sai da tela junto com a pagina. */
#navbar.header-overlay{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(3,17,28,.86),rgba(3,17,28,.42) 68%,transparent);box-shadow:none;padding-bottom:36px}
#navbar.header-overlay .nav-link{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.7)}
#navbar.header-overlay ~ main .home-hero{padding-top:210px}
#navbar.header-overlay ~ main .photo-hero{padding-top:210px!important}
@media(max-width:767px){
    #navbar.header-overlay ~ main .home-hero{padding-top:160px}
    #navbar.header-overlay ~ main .photo-hero{padding-top:160px!important}
}
footer .text-proativa-green{color:#86efac}