/* =========================================================
   RESET / BASE
========================================================= */
html,
body {
  overflow-x: hidden !important;
}

:root{
  --nav-h-desktop: 96px;
  --nav-h-mobile: 110px;

  --bluebar-h-desktop: 64px;
  --bluebar-h-mobile: 56px;
}

/* Compensação da navbar fixed */
body{
  padding-top: var(--nav-h-mobile);
}

@media (min-width: 992px){
  body{
    padding-top: var(--nav-h-desktop);
  }
}

/* =========================================================
   TIPOGRAFIA GLOBAL
========================================================= */

/* TÍTULOS */
h1, h2, h3, h4, h5, h6,
.intro-titulo,
.sobre-titulo,
.titulo__endereco,
.unidade_titulo,
.noticia-titulo,
.noticia-titulo_02,
.texto_empresa{
  font-family: 'Poppins', sans-serif !important;
}

/* TEXTOS */
body, p, span, a, li, label, input, textarea, button,
.intro-texto,
.sobre-paragrafo,
.texto__contatos,
.mb-4,
.enderecos,
.noticia-desc,
.noticia-text{
  font-family: 'DM Sans', sans-serif !important;
}

/* =========================================================
   IMAGENS
========================================================= */
img{
  border-radius: 14px;
}

/* =========================================================
   BARRA AZUL
========================================================= */
.banner_sobre__nos{
  width:100%;
  height: var(--bluebar-h-mobile);
  background:#045084;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:2;
}

@media(min-width:992px){
  .banner_sobre__nos{
    height: var(--bluebar-h-desktop);
  }
}

/* =========================================================
   BANNER DESKTOP
========================================================= */
.banner-estatico{
  width:100%;
  background-image:url("assets/banner - Fabricio-oficial.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  height:450px;
}

/* =========================================================
   BANNER MOBILE / TABLET
========================================================= */
@media(max-width:991.98px){
  .banner-estatico{
    background-image:url("assets/banner - Fabricio-oficial-mobile.png");
    height:0;
    padding-top:125%;
  }
}

/* =========================================================
   ANIMAÇÃO
========================================================= */
.banner-anim{
  opacity:0;
  transform:translateY(40px);
  transition:900ms;
}

.banner-anim.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   DESKTOP GRANDE
========================================================= */
@media(min-width:1400px) and (max-width:1599px){
  .banner-estatico{height:402px;}
}

@media(min-width:1600px){
  .banner-estatico{height:450px;}
}

/* =========================================================
   GUTTER
========================================================= */
.g-5,.gy-5{
  --bs-gutter-y:0;
}

/* =========================================================
   CONTEÚDO
========================================================= */

.intro-sobre-nos{
  padding:80px 20px 40px;
  text-align:center;
}

.intro-wrapper{
  max-width:900px;
  margin:auto;
}

.intro-titulo{
  font-size:42px;
  font-weight:800;
  text-transform:uppercase;
}

.intro-texto{
  font-size:18px;
  line-height:1.7;
  max-width:750px;
  margin:auto;
}

/* =========================================================
   NOTÍCIAS
========================================================= */

.noticia-section{
  min-height:100vh;
  padding:40px 20px;
}

.noticia-img{
  width:100%;
  border-radius:14px;
}

.noticia-titulo_02{
  font-size:25px;
  font-weight:600;
}

/* =========================================================
   HOVERS
========================================================= */

.dropdown-item:hover{
  background:#231F1F !important;
  color:#FFE200 !important;
  border-radius:1rem;
}

/* =========================================================
   FIX 992px → 1199px
========================================================= */
@media(min-width:992px) and (max-width:1199.98px){

  body{
    padding-top:88px;
  }

  .banner_sobre__nos{
    height:28px;
  }

  .banner-estatico{
    background-image:url("assets/banner - Fabricio-oficial-versão desktop menor.png");
    height:480px;
    background-position:center;
  }
}

/* =========================================================
   FIX 1200px → 1399px
========================================================= */
@media(min-width:1200px) and (max-width:1399.98px){

  .banner-estatico{
    background-image:url("assets/banner - Fabricio-oficial-versão desktop menor.png");
    height:520px;
  }
}

/* =========================================================
   BARRA AZUL MAIS FINA > 1400px
========================================================= */
@media(min-width:1400px){
  .banner_sobre__nos{
    height:40px;
  }
}


/* BOTÃO CTA ESPECIALISTA */
.btn-cta-especialista{
  display: inline-block;
  padding: 14px 28px;
  background-color: #045084;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 40px; /* bem arredondado */
  transition: all 0.3s ease;
  border: none;
}

/* HOVER */
.btn-cta-especialista:hover{
  background-color: #033a63;
  color: #ffffff;
  transform: translateY(-2px);
}

/* MOBILE */
@media (max-width: 576px){
  .btn-cta-especialista{
    width: 100%;
    text-align: center;
  }
}

.sobre-paragrafo{
  text-align: justify;
}