/* Adicione estilos personalizados aqui, se necessário */
body {
    padding-top: 56px;
    background-color: #f8f9fa;
}
        


.navbar {
background-color: #403a34 !important;
font-size: 14pt;
margin-bottom: 0; /* Remove a margem inferior padrão do navbar */
}
.navbar-nav {
    margin: 0 auto; /* Adiciona margem automática para centralizar o texto do menu */
}

.navbar-brand img {
    margin-right: 65px; /* Adiciona margem à direita para a logo */
}


.social-icon {
font-size: 24px;
color: #ffffff;
margin-left: 10px;
 }
 .social-icon:hover {
    color: #ffc107;
}

header {
        background-color: #403a34;
        color: #ffffff;
        padding: 60px 0; /* Aumenta o espaço interno para melhorar o contraste */
        position: relative;
        overflow: hidden;
        align-items: center;
}

#video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    
}


.header-content {
    z-index: 1;
    position: relative;
    padding: 60px 0;
    color: #ffffff;
    text-align: center;
}





footer {
    padding: 10px;
    background-color: #403a34;
    color: #ffffff;
    width: 100%;
}


.card-img-top {
    height: 200px;
    object-fit: cover;
}

.card {
    margin-top: 20px;
    transition: transform 0.3s ease-in-out; /* Adiciona uma transição suave para os cartões */
}

.card:hover {
    transform: scale(1.05); /* Aumenta um pouco o tamanho do cartão ao passar o mouse */
}

.container {
    margin-top: 120px; /* Reduz o espaçamento no topo para melhor aparência */
    margin-bottom: 5px; /* Ajusta o espaçamento na parte inferior */
}

.social-icon {
    font-size: 24px;
    color: #ffffff;
    margin-left: 20px;
}

.social-icon:hover {
    color: #ffc107;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
   
    
    width: 20px;
    height: 20px;
}

.carousel-item {
    display: none;
    animation: fade 0.5s;
}



.map-container {
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {

    .contact{
        margin:auto;
    }
    .contact-form {
        max-width: none;
            
        width: 90%!important;
        margin: 0 auto !important;
        
    
    }

    .map-container {

        width: calc(100% - 20px);
    }
}

@media (max-width: 991.98px) {
    .navbar-nav {
        text-align: center !important;
    }

    .navbar-nav .nav-item {
        display: inline-block;
        float: none;
    }
}




@media (max-width: 767.98px) {
    body {
        padding-top: 56px; /* Mantém a mesma altura da barra de navegação fixa no topo */
        text-align: justify;
    }
    #cancelarInscricaoPopup {
        width: 90%; /* Reduz a largura para 90% da largura da tela em dispositivos móveis */
        max-height: 20vh; /* Ajusta a altura máxima para 70% da altura da tela em dispositivos móveis */
    }

}








 .form-control:focus {
    border-color: #4c443c !important; /* Cor desejada */
    box-shadow: 0 0 5px #4c443c !important; /* Adiciona uma sombra com a mesma cor do border-color */
}

.social-icon {
          margin-left: 10px;
        transition: color 0.3s ease-in-out;
    }

    .social-icon:hover {
        color: #ffc107;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        transition: background-color 0.3s ease-in-out;
    }

 
    .btn-outline-dark {
        border-radius: 25px; /* Adiciona bordas arredondadas aos botões */
        padding: 10px 20px; /* Ajusta o preenchimento para melhor aparência */
    }
    
    .navbar1 {
        margin-right: 0;
        margin-left: 0;
    }



#cancelarInscricaoPopup {
    display: none;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%; /* Reduz a largura máxima para 90% da largura da tela */
    width: 300px;
      margin-top:100px;
 
   
    max-height: 80vh; /* Ajusta a altura máxima para 80% da altura da tela */
    
    text-align: center; /* Centraliza o conteúdo do pop-up */
}



@media (max-width: 1200px) {
    .social-icons-container {
        justify-content: center;
    }

    .social-icon {
        margin-left: 10px;
    }
}




.newsletter {

background: #594b3a;

}

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: white;
 }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #243c4f;
color: #fff;
font-weight:600;
}

.newsletter{
    margin-top:20px;
    padding-top:1px;
}

        /* Adicione este estilo ao bloco de estilo existente */
.modal {
    display: none;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height:500px;
    width: 300px; /* Ajuste a largura conforme necessário */
   
    
    border-radius: 5px; /* Adiciona bordas arredondadas ao pop-up */
    
    padding: 20px; /* Adiciona preenchimento interno ao pop-up */
}

.modal-content {
    background-color: #fff; /* Cor de fundo do pop-up */
    border-radius: 10px; /* Adiciona bordas arredondadas ao pop-up */
    
    padding: 20px; /* Adiciona preenchimento interno ao pop-up */
    max-width: 400px; /* Define a largura máxima do pop-up */
    margin: 0 auto; /* Centraliza o pop-up na tela */
}

.modal-content h2 {
    color: #333; /* Cor do texto dentro do pop-up */
}

.modal-content label {
    color: #555; /* Cor do texto dos rótulos dentro do pop-up */
    display: block;
   
}



#myCarousel {
height: 400px; /* Defina a altura desejada */
}


.social-icons-container {
display: flex;
align-items: center;
}




.modal-content button:hover {
    background-color: #1a2b38; /* Cor de fundo dos botões dentro do pop-up ao passar o mouse */
}

.fechar {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.fechar:hover,
.fechar:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#cookie-consent {
margin-top: 10px;
background-color: #403a34;
color: #ffffff;
}


@media (max-width: 767.98px) {
.social-icons-container {
margin-left: 0;
text-align: center; /* Centraliza os ícones */
margin-top: 10px; /* Adicione margem superior se necessário */
}

.social-icon {
margin-left: 10px;
}
}

.py-5{
    padding-top: 0rem!important;
   
}

/* Adicione este trecho ao seu arquivo de estilo CSS */
@media (max-width: 767px) {
    #buttonform-container {
        padding-bottom: 220px!important; /* Ajuste o valor conforme necessário */
    }
 h2.mb-4{
    margin-top: 40px;
 }
}