body {
    font-family: 'Open Sans', sans-serif;
    color: #54534d;
    background-color: #e5e3d7;
    font-size: 14px;
}

html {
  scroll-behavior: smooth;
}


/* menu
--------------------------------- */

.navbar-brand {
    float: left;
}

.navbar-default {
    border: 0;
    height: 120px;
}

.navbar-light .navbar-nav .nav-link {
    color: #156843;
    text-decoration: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #31a755;
    text-decoration: none;
}

.navbar-nav > .active > a {
  color: #31a755 !important; 
    text-decoration: none;
}

.ml-auto {
    padding-top: 10px;
}
.navbar-collapse {
    z-index: 10000;
}
.navbar-nav {
    padding-left: 20px;
}
.bg-light {
    background-color: #e5e3d7 !important;
}
.bg-lighta {
    background-color: #e5e3d7 !important;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* utilitários
--------------------------------- */

.tt {
    font-size: 1.3em;
    font-weight: 700;
}
.subtt {
    font-size: 1.1em;
    font-weight: 700;
}

.custom-row {
    max-width: 1200px;
    margin: 0 auto;
}

.image-container img {
    width: 100%;
    height: auto;
}

.coluna {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-personalizado {
    background-color: #156843;
    /* Cor de fundo */
    color: white;
    /* Cor do texto */
}

.btn-personalizado:hover {
    background-color: #135b3b;
    /* Cor de fundo ao passar o mouse */
    color: white;
    /* Cor do texto no hover */
}


.card {
    border: none;
    /* Remove a borda do card */
    background-color: transparent;
    /* Remove a cor de fundo */
    margin: 0;
    /* Remove margem do card */
    max-width: 350px;
    /* Limita a largura máxima do card */
    width: 100%;
    /* Garante que o card ocupe 100% da largura disponível até 350px */
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.col-md-6 {
    display: flex;
    justify-content: center;
    /* Centraliza o card dentro da coluna */
}

.col-max-width {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    /* usado no título de franquias */
}


/* fundos
--------------------------------- */
.verde {
    background-color: #4db065;
}
.verde-escuro {
    background-color: #156843;
}
.verde-claro {
    background-color: #5cc46d;
}
.bege-claro {
    background-color: #f2f0e4;
}
.bege-card {
    background-color: #dddbce;
}
.card-verde-pastel {
    background-color: #B2D8B2; /* Fundo verde pastel */
}
.card-verde-pastel2 {
    background-color: #a2cea2; /* Fundo verde pastel mais escuro */
}
.card-verde-pastel3 {
    background-color: #9ac69a; /* Fundo verde pastel mais escuro ainda*/
}

/* cores fontes 
--------------------------------- */
.fonte-verde {
    color: #4db065;
}
.fonte-verde-escuro {
    color: #156843;
}
.fonte-branco {
    color: #ffffff;
}
.fonte-verde-pastel {
    color: #B2D8B2; /* Verde pastel */
}

/* slide home
--------------------------------- */
.btn-primary {
    color: #fff;
    background-color: #8fc754;
    border: 0px;
}


.btn-primary:hover {
    color: #fff;
    background-color: #96d6f2;
    border: 0px;
}
.btn-group-lg, .btn,
.btn-lg {
    font-size: 14px;
    line-height: 1.5;
    border-radius: .3rem;
}

/* slide home
--------------------------------- */
.btn-azul {
    background-color: #045172 !important;
}
.btn-azul:hover {
    background-color: #96d6f2 !important;
}

/* imagem home
--------------------------------- */

.foto-respiro {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}


/* quebras
--------------------------------- */

@media (min-width: 768px) and (max-width:991px) {
    .navbar-brand {
        padding-top: 15px;
        padding-right: 40px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 50px;
        margin-top: -30px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0px;
    }

    .d-flex {
        justify-content: space-between;
        /* Distribui as colunas igualmente */
        flex-wrap: wrap;
        /* Garante a quebra em duas colunas */
    }

    .coluna {
        flex: 0 0 48%;
        /* As colunas ocupam 48% da largura, ficando mais próximas */
        padding: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .featurette-heading {
        margin-top: 0rem;
    }

    .ml-auto {
        background-color: #f4f4f4;
        border-width: 2px;
        border-style: solid;
        border-color: #d8d8d8;
    }

    .navbar-nav {
        background: #F5F3E9;
    }
}

@media (max-width: 767px) {
    .d-flex {
        flex-wrap: wrap;
        justify-content: center; /* Centraliza as colunas */
      }
    .coluna {
        padding: 10px;
        flex: 0 0 100%; /* As colunas ocupam 100% da largura no modo "coluna" */
    }
    .col-md-6 {
        justify-content: center; /* Centraliza o card em telas pequenas */
        margin-bottom: 20px; /* Adiciona espaçamento entre os cards empilhados */
      }
}