body {
    width: 100%;

}


/*---------------------------------------Caixa Pesquisa----------------------------------------------*/
.custom-btn {
    background-color: #8C8C8C;
    color: white;
    /* opcional: para deixar o ícone/branco visível */
    border-color: #8C8C8C;
    /* opcional: se quiser borda da mesma cor */
}

.custom-btn:hover {
    background-color: #7a7a7a;
    /* opcional: um hover mais escuro */
    border-color: #7a7a7a;
}

/*---------------------------------------NavBar----------------------------------------------------*/
.custom-navbar {
    background-color: transparent !important;
    margin-bottom: -22px !important;
    width: 100% !important;

}

/* Links padrão da navbar e da marca */
.custom-navbar .nav-link,
.custom-navbar .navbar-brand {
    color: #8C8C8C !important;
    position: relative;
    overflow: hidden;

}

/* Efeito hover com transição de baixo para cima */
.custom-navbar .nav-link:hover {
    background-position: top;
    color: white !important;
    background-image: linear-gradient(to top, #037F8C 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: bottom;
    transition: background-position 0.4s ease, color 0.4s ease;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Dropdown menu (fundo branco e largura mínima) */
.custom-navbar .dropdown-menu {
    background-color: white;
    min-width: 300px;
    align-items: center;
}

/* Separador vertical no dropdown */
.vertical-separator {
    border-left: 5px solid #038C8C;
}

/* Estilo base do dropdown */
.custom-navbar .dropdown-item {
    color: #7a7a7a;
    width: 80px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #038C8C 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position 0.4s ease, color 0.4s ease;
}

.custom-navbar .dropdown-item:hover {
    background-position: left bottom;
    color: white !important;
    font-weight: bold;
}

/*------------------------------------------------------Conteudo-----------------------------------------*/
.background-content {
    background-color: #F2F2F2;
    width: 100%;
    margin-left: 0px;
}

/*-----------------------------------------------Accordion---------------------------------------------*/
.accordion-button {
    background-color: #038C8C;
    color: white;
    font-weight: bold;
    transition: all 0.3s ease;
}

.accordion-button:not(.collapsed) {
    background-color: #adadad;
    color: #090814;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

/*-----------------------------------------------Cards---------------------------------------------*/
.card-title {
    color: #038C8C;
}

.card-text {
    color: #8C8C8C;
}

.card .btn-primary {
    background-color: #038C8C;
    color: white;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card .btn-primary:hover {
    background-color: #adadad;
    color: #038C8C;
}

.documentos-section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.documentos-section h4 {
    color: #2f2e41;
}

.documentos-section .btn-primary {
    background-color: #038C8C;
    color: white;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.documentos-section .btn-primary:hover {
    background-color: #adadad;
    color: #038C8C;
}

/*-----------------------------------------------Maps------------------------------------------------*/
.maps-section {
    background-color: #038C7F;
    height: 750px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.maps-section h4 {
    color: white;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 24px;
}

.maps-section iframe {
    max-width: 100%;
    height: 700px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/*------------------------------------------------Sobre---------------------------------------------*/
/* Estilo geral da seção */
#sobre {
    background-color: #d4d4d4;
    width: 100%;
    height: 750px;
}

/* Título principal */
#sobre h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 30px;
    color: #038C8C;
    margin-bottom: 25px;
    text-align: center;
}

/* Parágrafo descritivo */
#sobre p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    text-align: justify;
}

/* Links com tooltip */
#sobre a {
    color: #038C8C;
    text-decoration: none;
    border-bottom: 1px dotted #038C8C;
    transition: color 0.3s ease, border-color 0.3s ease;
}

#sobre a:hover {
    color: #025b5b;
    border-color: #025b5b;
}

.carousel-item .list-group-item {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f8f9fa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    max-width: 700px;
    margin: auto;
    text-align: left;
}

#carouselAvaliacoes {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*------------------------------------------------Contato-------------------------------------------*/
/* Espaçamento e layout da seção de contato */
.contact-section {
    max-width: 700px;
    margin: 60px auto;
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

/* Título da seção */
.contact-section h3 {
    color: #2f2e41;
    font-weight: bold;
}

/* Botão enviar */
.enviar-btn {
    background-color: #038C8C;
    border: none;
    padding: 10px 30px;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

.enviar-btn:hover {
    background-color: #adadad;
    color: #038C8C;
}

/* Estilo geral dos campos */
.contact-section .form-control,
.contact-section .form-check-input {
    border-radius: 8px;
}

/* Margem inferior entre elementos */
.contact-section .form-check {
    margin-bottom: 10px;
}

/*-----------------------------------------------Parceira-------------------------------------------*/
#parceria {
    background-color: #7a7a7a !important;
    border-left: 6px solid #038C8C;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    color: white;
    height: 750px;
    margin-bottom: 0px !important;
}

#parceria h2 {
    color: white;
    font-weight: 700;
    font-size: 2rem;
}

#parceria p.lead {
    font-size: 1.2rem;
    color: whitesmoke;
    margin-bottom: 1.2rem;
}

#parceria ul {
    list-style: none;
    padding-left: 0;
}

#parceria ul li {
    padding-left: 1.8rem;
    position: relative;
    margin-bottom: 0.8rem;
    color: whitesmoke;
}

#parceria ul li::before {
    content: "✅";
    position: absolute;
    left: 0;
    color: #038C8C;
}

#parceria a.btn {
    background-color: #038C8C;
    border: none;
    transition: background-color 0.3s ease;
}

#parceria a.btn:hover {
    background-color: #026d6d;
}

/*-----------------------------------------------Footer---------------------------------------------*/
footer {
    text-align: center;
    background-color: #2f2e41;
    color: #fff;
    padding: 20px 0;
    font-size: 0.9rem;
    margin-top: 0px;
    margin-bottom: -20px !important;
}