/*FONTE----------------------------*/
.fonte-co-Headline {
  font-family: Co Headline !important;
}
/*---------------------------------*/

#botao-wts {
  background-color: #0ebf43;
  width: 170px;
  height: 45px;
  align-content: center;
  text-align: center;
  border-radius: 2.5rem;
  text-decoration: none;
}

#botao-wts span {
  font-size: 18px;
  font-family: Co Headline;
  color: white;
  line-height: 1;
}

#botao-wts:hover {
  background-color: #0c822f;
}

.fonte {
  font-family: Co Headline;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

.titulo {
  text-decoration: underline;
}

.box {
  float: left;
  background-color: white;
  text-align: center;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease, transform 0.6s ease;
  display: none;
}

.box.show {
  display: block;
  opacity: 1;
  transform: scale(1);
}

.objects {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 30px;
  text-align: center;
}

.card {
  background-color: #fff;
  border-radius: 10px;
  border-color: #dadada;
  padding: 20px;
  text-align: center;
  transition: transform 0.2s ease;
}

.card:hover {
  transform: translateY(-5px);
}

.card h4 {
  margin: 0;
  font-size: 18px;
  font-family: sans-serif;
  color: #333;
}

.card h5 {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: normal;
  color: #b1b1b1;
}

.btn-info {
  background-color: #1ba3c2 !important; /* azul primário da empresa */
  border-color: #1ba3c2 !important;
}

.botao-icone {
  background-color: #1ba3c2;
  font-size: 25px;
  padding: 0 13px;
  border-radius: 100%;
  align-content: center;
}

.botao-icone:hover {
  background-color: #0c5f63;
}

.btn-info:hover {
  background-color: #0c5f63 !important; /* azul secundário da empresa */
  border-color: #0c5f63 !important;
}

.cards-quem-somos {
  border-radius: 2rem 0 2rem 2rem;
  height: 82px;
}

.cards-quem-somos img {
  height: 50px;
}

.grupo-cards-quem-somos .col-12:nth-child(3) .cards-quem-somos img, .grupo-cards-quem-somos .col-6:nth-child(3) .cards-quem-somos img {
  width: 50px;
  height: max-content;
}

.grid-botao {
  grid-template-columns: 85% 15%;
}

.grid-alerta {
  grid-template-columns: 15% 85%;
}

.grid-alerta > span {
  align-content: center;
}

.borda-alerta {
  border: solid 2px #1196b9;
}

.borda-alerta img {
  width: 80px;
  height: max-content;
}

.text-info {
  color: #1ba3c2 !important;
}

.bg-info {
  background-color: #0099cc !important;
}

#conteudoServicos {
  padding-top: 5%;
}

.aviso strong {
  text-align: left;
}

.description-grupo {
  background: linear-gradient(to right, #0d94b9, #42b1c8, #1fb0b6, #129aa4, #139ab2);
  color: white;
}

.description-item {
  background: none;
}

.zindex {
  z-index: 10;
  margin-top: -30px !important;
}

.convenio {
  display: flex;
  align-items: center;
  justify-content: center;
}

#servicos-detalhes .col-md-6 {
  text-align: left;
  padding: 40px;
}

#servicos-detalhes {
  background: linear-gradient(to right, #ffffff 50%, #f7f7f7 50%);
}

#teste {
  background: linear-gradient(to left, #ffffff 50%, #f7f7f7 50%);
}

#usr {
  padding: .8rem 2.5rem;
  background-color: #edf2fa;
  border: solid 2px #aaaeb5;
  border-radius: 10px !important;
}

.lupa {
  top: 35%;
  left: 10px;
  color: #aaaeb5;
  font-size: 20px;
}

.grid-convenios {
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.bloco-convenios {
  border: solid 1px #dadada;
  border-radius: 10px;
  height: 80px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding-left: 1rem;
}

.bloco-convenios img {
  width: 40px;
}

.grid-convenios .bloco-convenios {
  grid-template-columns: 25% 75%;
}

#toggleConvenios:hover {
  background-color: #0c5f63 !important;
}

.bottom-border {
  width: 100px;
  border-bottom: 5px solid #1196b9;
  border-radius: 70px;
  margin: 15px 0;
}

.bottom-border-menu {
  width: 50px;
  border-bottom: 2px solid #d9d9d9;
  border-radius: 70px;
  visibility: hidden;
  transition: all 0.1s ease;
}

.cursor-pointer {
  cursor: pointer;
}

.navbar-toggler {
  border: none;
  font-size: 30px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

#menuPrincipal.show .navbar-nav {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center;
}

.logo {
  width: 300px;
}

.backgroud-servicos {
  background-color: #f2f2f2;
}

.page-servicos .d-flex {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.bloco-servicos h5 {
  color: #1ba3c2;
}

#img-servicos {
  width: 100%;
  margin-top: 70px;
}

#slogan {
  width: 183px;
}

.img-slide-equipe {
  width: 100%;
}

.video-banner {
  overflow: hidden;
}

.video-banner .overlay {
  background: linear-gradient(
    rgba(17, 150, 185, 0.8),  /* azul mais forte em cima */
    rgba(17, 150, 185, 0.3)   /* azul bem suave embaixo */
  );
  z-index: 1;
}

.content {
  width: 400px;
}

.video-banner .content .subtitle {
  background-color: #1196b9;
  border-radius: 0 15px 15px;
  width: 70%;
}

.content .title {
  font-size: 75px;
  line-height: 1;
}

#toggleConvenios .d-flex i {
  font-size: 20px;
}

/*---------------------------MEDIA QUERIES MAX------------------------*/

@media (max-width: 1400px) {
  .grid-convenios {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1300px) {
  .menu .nav-item .nav-link {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .grid-convenios {
    grid-template-columns: repeat(3, 1fr);
  }

  .cards-quem-somos {
    height: 70px;
  }

  .cards-quem-somos img {
    height: 35px;
  }

  .grupo-cards-quem-somos .col-12:nth-child(3) .cards-quem-somos img, .grupo-cards-quem-somos .col-6:nth-child(3) .cards-quem-somos img {
    width: 35px;
  }
}

@media (max-width: 992px) {
  .grid-convenios {
    grid-template-columns: repeat(2, 1fr);
  }

  .menu .nav-item .nav-link {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  /* Centraliza durante TODO o ciclo: fechado (.collapse), animando (.collapsing) e aberto (.show) */
  #menuPrincipal.collapse .navbar-nav,
  #menuPrincipal.collapsing .navbar-nav,
  #menuPrincipal.show .navbar-nav {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .cards-quem-somos .h5 {
    font-size: 15px;
  }
}

@media (max-width: 860px) {
  .menu-footer {
    display: none;
  }
}

@media (max-width: 768px) {
  .description-grupo {
    background: none;
  }

  .description-item {
    background: linear-gradient(to right, #0d94b9, #42b1c8, #1fb0b6, #129aa4, #139ab2);
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 15px 0;
  }

  .description-grupo .description-item:first-child {
    margin-top: 80px!important;
  }

  .cards-quem-somos .h5 {
    font-size: 1.25rem;
  }
}

@media (max-width: 550px) {
  .grid-convenios {
    gap: .25rem;
  }

  .bloco-convenios {
    padding-left: .25rem;
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  .btn-profissionais .text-center:first-child img:first-child {
    width: -webkit-fill-available !important;
    padding-left: 25%;
    padding-right: 25%;
  }
}
@media (max-width: 460px) {
  .btn-profissionais .text-center:first-child img:last-child {
    width: -webkit-fill-available !important;
  }
}
@media (max-width: 450px) {
  .btn-profissionais .text-center:last-child img:first-child {
    width: -webkit-fill-available !important;
  }
}
@media (max-width: 450px) {
  .btn-profissionais .text-center:last-child img:nth-child(2) {
    width: -webkit-fill-available !important;
    padding-left: 17%;
    padding-right: 17%;
  }
}
@media (max-width: 450px) {
  .btn-profissionais .text-center:last-child img:last-child {
    width: -webkit-fill-available !important;
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media (max-width: 344px) {
  .grid-convenios {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*---------------------------MEDIA QUERIES MIN------------------------*/

@media (min-width: 890px) {
  .logo {
    width: 300px !important;
  }
}

@media (min-width: 768px) {
  .logo {
    width: 200px;
  }
}

/*---------------------------MEDIA QUERIES AVISO(CONVÊNIO)------------------------*/

/* Para telas de celular */
@media (min-width: 360px) {
    .grid_aviso {
      display: grid;
      grid-template-columns: 50px 282px;
      padding-bottom: 10px;
      justify-content: left;
    }
    .img_aviso {
      width: 100%;
      align-items: center;
    }

    .item {
      font-size: 0.8em;
      align-items: start;
    }
}

/* Para telas de tablet */
@media (min-width: 768px) {
    .grid_aviso {
        grid-template-columns: 650px;
        place-items: center;
        padding-bottom: 10px;
    }
    .img_aviso {
      width: 50%;
      align-items: center;
    }
}

/* Para telas de laptop e computadores */
@media (min-width: 1024px) {
    .grid_aviso {
       grid-template-columns: 150px 750px;
       padding-top: 10px;
    }
    .img_aviso {
      width: 80%;
      align-items: center;
    }
}

@media (min-width: 1200px) {
    .grid_aviso {
       grid-template-columns: 150px 900px;
       padding-top: 10px;
    }
    .img_aviso {
      width: 80%;
      align-items: center;
    }
}

@media (min-width: 1400px) {
    .grid_aviso {
       grid-template-columns: 150px 1100px;
       padding-top: 10px;
    }
    .img_aviso {
      width: 80%;
      align-items: center;
    }
}

/*---------------------------MEDIA QUERIES GRID PROFISSIONAIS------------------------*/

@media (min-width: 1450px) {
  .grid-profissionais {
  grid-template-columns: 350px 350px 350px 350px;
  grid-gap: 10px;
  }
}

@media (max-width: 1449px) {
  .grid-profissionais {
  grid-template-columns: 350px 350px 350px;
  grid-gap: 10px;
  padding-left: 15px;
  padding-right: 15px;
  }
}

@media (max-width: 1089px) {
  .grid-profissionais {
  grid-template-columns: 350px 350px;
  grid-gap: 10px;
  padding-left: 15px;
  padding-right: 15px;
  }
}

@media (max-width: 727px) {
  .grid-profissionais {
  grid-template-columns: 350px;
  grid-gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
  }
}

@media (max-width: 360px) {
  .grid-profissionais {
  grid-template-columns: 250px;
  grid-gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
  }
}

/*---------------------------MEDIA QUERIES VIDEO BANNER CONTENT------------------------*/

@media (min-width: 1450px) {
    .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 30%;
  }
}

@media (max-width: 1449px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 25%;
  }
}

@media (max-width: 1205px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 20%;
  }
}

@media (max-width: 1089px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 15%;
  }
}

@media (max-width: 850px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 10%;
  }

  .content {
  width: 350px;
  }

  .video-banner .content .subtitle {
    background-color: #1196b9;
    border-radius: 0 15px 15px;
    width: 80%;
  }

  .content .title {
    font-size: 65px;
    line-height: 1;
  }
}

@media (max-width: 540px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 10%;
  }

  .content {
  width: 300px;
  }

  .video-banner .content .subtitle {
    background-color: #1196b9;
    border-radius: 0 15px 15px;
    width: 75%;
  }

  .content .title {
    font-size: 55px;
    line-height: 1;
  }
}

@media (max-width: 430px) {
  .video-banner .content {
    z-index: 2;
    top: 35%;
    left: 10%;
  }

  .content {
  width: 300px;
  }

  .video-banner .content .subtitle {
    background-color: #1196b9;
    border-radius: 0 15px 15px;
    width: 60%;
  }

  .content .title {
    font-size: 45px;
    line-height: 1;
  }
}