.bg-home-courses {
  background-color: #F4F6FF;
  padding-bottom: 40px;

}

.descricao-home {
  padding:  15px;
  margin-top: 50px; 
  transition: all 0.3s ease-in-out;
}

.descricao-home:hover, .botao-acesso:hover {
  background: #00CF00;
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1), inset 0 -2px 3px rgba(0, 0, 0, 0.2), 0 3px 3px rgba(0, 0, 0, 0.8);
  transform: translateY(-3px);
}


.bg-home-courses .bg-home-hero h2 {
  font-weight: 700;
  font-size: 28px;
  color: #000;
  margin-bottom: 30px;
}

.courses {
  .card {
    border: 2px solid var(--bg-card);
    border-radius: 8px 32px 64px 32px;
    height: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 32px 0px #0000001A;

  }

  .card-header {
    padding: 60px 20px;
    background-color: var(--bg-card);
    border-radius: 0 0 64px 0!important;
    border-bottom: none;

    background-image: url("../../../../images/mapa-brasil-mais.png");
    background-repeat: no-repeat;
    background-position: top 20px right 20px;
  }

  .card-title {
    font-weight: 500;
    font-size: 12px;
    color: #0A0A0A;
    background-color: var(--bg-tag);
    padding: 5px;
    border-radius: 8px 4px 8px 4px;
    width: 180px;
    text-align: center;
  }

  .card-body {
    min-height: 230px!important;
  }

  .card-text {
    font-weight: 700;
    font-size: 16px;
    color: #0A0A0A;
  }

}

.botao-card-curso:hover {
    color: #fff;
    background-color: #001A9B;
  }

.titulo-programa {
  font-weight: 600;
  font-size: 14px;
  color: var(--cor-titulo-principal);
  margin-top: 20px;

  span {
    font-weight: 500;
    font-size: 28px;
  }
}

.carga-horaria p {
  margin: 0; 
}

.botao-card-curso {
  position: absolute;
  bottom: 0;
  right: 0;

  background-color: #153CFE;
  border: 2px solid var(--bg-card);
  border-radius: 64px 0 64px 64px;
  padding: 20px 25px;

  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.saude-crianca-adolescente {
  .card {
    border: 2px solid #D30A71;
  }
  
  .card-title {
    background-color:  #D30A71;
    color: #fff;
  }

  .card-header {
    background-color: #D30A71;
    height: 180px;
    padding: 50px 20px;
       
    
  }

  .botao-card-curso {
    border: 2px solid #D30A71;
  }
}

.botao-card-curso:hover {
  color: #fff;
}




@media (max-width: 768px) {
  .saude-mental {
    margin-top: 40px!important;
  }
  .courses {
    padding-bottom: 30px;
  
  }
}

@media (max-width: 992px) {
  .saude-crianca-adolescente {
    margin-top: 40px!important;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .carga-horaria-courses {
    max-width: 90px; 
  }
}

@media (max-width: 430px) {
  .courses .card-body {
    min-height: 230px !important;

  }
  .carga-horaria-courses {
    font-size: 13px;
    line-height: 1.2;
    max-width: 50%;
  }
}


.dark-mode {
  .bg-home-courses {
    background-color: var(--background-color-dark);
  }

  .bg-home-courses .bg-home-hero h2 {
    color: var(--text-color-dark);
  }

  .img-carga-horaria, .img-qtd-cursos {
    filter: invert(1);
  }


  .courses {
    .card-title {
      background-color: var(--bg-tag);
      color: var(--cor-titulo-tag);
    }
  } 
}