:root {
  --fonte-principal: 'Inter', sans-serif;
}

body {
  font-family: var(--fonte-principal);
  font-size: 16px;
  line-height: 1.6;
  color: #333;
 	 background-color: #CCCCC;
 }

 h1, h2, h3, h4, h5, h6 {
  font-family: var(--fonte-principal);
  font-weight: 600;
}

button, .btn {
  font-family: var(--fonte-principal);
  font-weight: 500;
}


 p {

 	 margin-bottom: 1rem;

 }

 ul {

 	 margin-bottom: 1rem;
 	 padding-left: 20px;

 }

 li {

 	 margin-bottom: 0.5rem;
 	 list-style: none;

 }

 a {

 	 color: #007BFF;
 	 text-decoration: none;

 }

 a:hover {

 	 text-decoration: underline;

 }
 
 .corpo_principal { 

 	 background-color:#F5F5F5; 

 }

 .titulo_principal { 

 	 font-weight: bold; 
 	 font-size:30px; 
 	 margin-top:10px; 

 }

 .imgs_cards    { top: -30px; position: relative;  }
 .text_cards    { font-weight: bold; height: 60px; }
 .name_cards    { font-size: 18px; }
 .desc_cards    { height: 150px;                   }
 .desc_txt_card { text-align: left; }

 .hover-button-acao {

 	 background-color: #009e75;

 }

 .fundo-azul {

 	 background-color: #29458e;
 	 color: #FFFFFF;

 }


    .desc_txt_card {
  
}

    @media (min-width: 768px) {
      .coluna-esquerda {
        min-width: 10px;
      }

      .coluna-esquerda > .bg-white {
        position: sticky;
        top: 90px;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
      }
    }

    /* Efeito hover para os cards de produtos */
#conteudo_produtos .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#conteudo_produtos .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.titulo                    { font-size: 1.5em; font-weight: bold; }
.filtros-descricao-titulo  { font-size: 1.1em; font-weight: bold; }
.filtros-descricao    { font-size: 1em; }
.caixa-descricao-card { height: 100px; }
.nome-cards           {  }
.descricao-cards      {  }