/* Estilo Geral da Página */

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');


body {
    font-family: 'Tenor Sans', sans-serif;
    background-color: #000000; /* Fundo preto para um visual premium */
    color: #E7E2E2; /* Texto em cinza claro para contraste */
    margin: 0;
    padding: 0;
}

/* Títulos e Subtítulos */
h1, h2, h3, h4, h5, h6 {
    color: #CDAB7D; /* Dourado para títulos, dando um ar elegante */
}

/* Estilo para o banner */
.banner-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.banner-header {
    width: 100%;
    height: auto; /* A altura será ajustada automaticamente */
    object-fit: cover; /* Mantém a proporção da imagem */
    display: block;
}

/* Estilos para o conteúdo logo abaixo do banner */
.container.text-center {
    padding-top: 20px;
}

/* Títulos abaixo do banner */
h1 {
    color: #CDAB7D; /* Cor dourada para o título */
}

p {
    color: #E7E2E2; /* Cor cinza claro para o parágrafo */
}

/* Botões */
.btn-warning {
    background-color: #CDAB7D; /* Cor dourada para o botão */
    border: none;
    color: #000; /* Cor preta para o texto do botão */
}

.btn-warning:hover {
    background-color: #b08e6a; /* Dourado mais escuro no hover */
    color: #fff; /* Texto branco no hover */
}

/* Responsividade para dispositivos menores */
@media (max-width: 767px) {
    h1 {
        font-size: 1.8rem; /* Ajusta o tamanho do título em telas menores */
    }

    p {
        font-size: 1rem; /* Ajusta o tamanho do parágrafo em telas menores */
    }

    .btn-warning {
        font-size: 0.9rem; /* Ajuste no tamanho do botão */
    }
}


/* Estilo para a Seção do Professor */
.mentor-section {
    background: #000; /* Fundo preto para criar contraste */
    padding: 0; /* Remover padding extra */
    position: relative;
    display: flex; /* Torna a seção flexível */
    align-items: stretch; /* Garante que a altura da imagem e do conteúdo seja igual */
    overflow: hidden; /* Garante que a imagem não vá além dos limites */
}

/* Estilo da Imagem Integrada */
.mentor-image-wrapper {
    position: relative;
    flex: 1; /* A imagem ocupa metade do espaço */
    overflow: hidden; /* Esconde qualquer excesso da imagem */
}

.mentor-photo-integrated {
    position: absolute; /* Imagem ocupa todo o wrapper */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta para cobrir toda a área mantendo a proporção */
    display: block;
}

/* Estilo do Conteúdo do Professor */
.mentor-content {
    flex: 1; /* Conteúdo ocupa metade do espaço */
    padding: 60px 30px;
    background: #1c1c1c; /* Fundo escuro para contraste */
    color: #E7E2E2; /* Texto claro para boa legibilidade */
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza verticalmente o conteúdo */
}

.mentor-title {
    color: #CDAB7D; /* Título em dourado */
    font-weight: bold;
    margin-bottom: 20px;
}

.mentor-description {
    font-size: 1.1em;
    margin-bottom: 20px;
    color: #E7E2E2; /* Texto claro para manter o contraste */
}

.mentor-curriculum {
    color: #E7E2E2;
}

/* Estilos gerais do header */
.header {
    background-size: cover;
    color: #FFFFFF !important; /* Texto branco */
    padding: 120px 0;
    text-align: center;
}

.logo-header-large {
    max-width: 300px; /* Ajuste da logo para mais destaque */
    margin-bottom: 30px;
    animation: fadeIn 2s ease; /* Animação de entrada suave */
}

/* Fade In */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Botões de CTA */
.btn-warning {
    background-color: #57CCC3 !important; /* Turquesa para destaque */
    border: none;
    color: #000000; /* Texto preto para contraste */
}

.btn-warning:hover {
    background-color: #CDAB7D !important; /* Hover dourado */
    color: #FFFFFF; /* Texto branco */
}

/* Cartões de Informações do Curso */
.card {
    box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1);
    margin-bottom: 20px;
    background-color: #1c1c1c; /* Fundo cinza escuro */
    color: #E7E2E2;
}

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

/* Contêiner do Formulário */
.form-container {
    background-color: #1c1c1c; /* Fundo cinza escuro */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.2);
    color: #E7E2E2;
}

/* Responsividade */
@media (max-width: 768px) {
    .header {
        padding: 60px 0;
    }

    .mentor-image-wrapper,
    .mentor-content {
        flex-basis: 100%;
    }

    .mentor-section {
        flex-direction: column; /* Imagem e conteúdo em coluna para dispositivos menores */
    }

    .mentor-photo-integrated {
        position: relative; /* A imagem deve se adaptar em dispositivos menores */
        height: auto; /* Ajuste da altura para se adaptar melhor */
    }

    .mentor-content {
        padding: 30px 20px;
    }
}

/* Estilo para a Seção "O Que É" */
.section-oque {
    background: #1c1c1c; /* Fundo escuro para manter a consistência */
    padding: 60px 0;
}
/* Estilo para o Título da Seção "O Que É Sedação com Óxido Nitroso" */
.section-oque h2 {
    color: #CDAB7D; /* Título em dourado para dar destaque */
    font-weight: bold;
    margin-bottom: 30px;
}
/* Estilo para a Seção de Palestras */
.section-palestras {
    background: #1c1c1c; /* Fundo escuro para manter o visual elegante */
    padding: 60px 0;
}

.card-palestra {
    background: #2a2a2a; /* Fundo escuro dos cards */
    color: #E7E2E2; /* Texto claro para contraste */
    border: none; /* Sem bordas para um visual limpo */
    border-radius: 10px; /* Bordas suavemente arredondadas */
}

.card-img-top {
    height: 200px;
    object-fit: cover; /* Ajusta a imagem para cobrir a área disponível */
    border-radius: 10px 10px 0 0; /* Bordas arredondadas apenas na parte superior */
}

.card-title {
    color: #CDAB7D; /* Dourado para destaque */
    font-weight: bold;
}

.card-body {
    padding: 20px;
}

.card-text {
    font-size: 0.95em; /* Tamanho da fonte levemente menor para melhorar a legibilidade */
}


.card-oque {
    background: #2a2a2a; /* Cor de fundo escuro para contraste */
    color: #E7E2E2; /* Texto claro */
    border: none; /* Sem bordas */
    border-radius: 10px; /* Bordas suavemente arredondadas */
}

.card-title {
    color: #CDAB7D; /* Dourado para dar destaque */
    font-weight: bold;
}

.card-text {
    font-size: 0.95em; /* Tamanho da fonte levemente menor para melhorar a legibilidade */
}


/* Estilo da Seção de Conteúdo Programático */
.section-programa {
    background-color: #1c1c1c; /* Fundo escuro para destacar a seção */
    padding: 60px 20px;
    border-radius: 10px;
}

.section-programa h2 {
    color: #CDAB7D; /* Título em dourado */
    font-weight: bold;
    margin-bottom: 40px;
}

.list-programa {
    list-style-type: none; /* Remove as bullets da lista */
    padding-left: 0;
    color: #E7E2E2; /* Cor clara para o texto */
}

.list-programa li {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #2a2a2a; /* Fundo cinza escuro para os itens */
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra leve nos itens */
}

.list-programa li strong {
    color: #CDAB7D; /* Dourado para títulos dos itens */
    font-weight: bold;
}

/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .list-programa li {
        margin-bottom: 10px;
        padding: 10px;
    }

    .section-programa h2 {
        font-size: 1.8rem;
    }
}

/* Seção de Call-to-Action de Inscrição */
.cta-inscricao {
    background-color: #1c1c1c;  /* Cor de fundo escura para manter o estilo premium */
    padding: 40px 20px;  /* Ajuste de espaçamento */
    border-radius: 10px;
}

.cta-inscricao h2 {
    color: #CDAB7D;  /* Cor dourada para o texto */
    font-weight: bold;
    margin-bottom: 20px;
}

.cta-inscricao .btn-warning {
    background-color: #57CCC3;  /* Cor personalizada do botão */
    color: #000;  /* Cor do texto no botão */
    border: none;
}

.cta-inscricao .btn-warning:hover {
    background-color: #CDAB7D;  /* Cor dourada ao passar o mouse */
    color: #FFF;  /* Texto branco ao passar o mouse */
}

/* Justificar o texto da descrição do curso */
.descricao-curso p {
    text-align: justify;
}

/* Justificar o texto da seção "O Que É Sedação com Óxido Nitroso" */
.section-oque p {
    text-align: justify;
}

/* Justificar o texto da seção "Conheça o Professor" (apenas a introdução, sem qualificações) */
.mentor-content p:not(.mentor-curriculum) {
    text-align: justify;
}

/* Justificar o texto da seção "Dr. André Webber em Ação" */
.section-palestras p {
    text-align: justify;
}


/* Estilo para a Seção de Cursos */
.section-cursos {
    background-color: #1c1c1c;
    padding: 60px 0;
}

.section-cursos h2 {
    color: #CDAB7D;
    font-weight: bold;
    margin-bottom: 30px;
}

.card-curso {
    background: #2a2a2a;
    color: #E7E2E2;
    border: none;
    border-radius: 10px;
    transition: transform 0.2s ease-in-out;
}

.card-curso:hover {
    transform: scale(1.05);
}

.card-curso .card-img-top {
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.card-curso .card-title {
    color: #CDAB7D;
    font-weight: bold;
}

.card-curso .btn-warning {
    background-color: #57CCC3 !important;
    border: none;
    color: #000;
    width: 100%;
}

.card-curso .btn-warning:hover {
    background-color: #CDAB7D !important;
    color: #FFF;
}

/* Estilo para o cabeçalho principal */
.main-header {
    background-color: #000000; /* Fundo preto elegante */
    color: #CDAB7D; /* Dourado para os textos */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sutil sombra */
    position: sticky;
    top: 0;
    z-index: 1000;
}
.bg-black {
    background-color: #000000 !important; /* Fundo preto */
    color: #CDAB7D; /* Dourado para os textos */
}


/* Logo */
.logo-header {
    max-height: 100px; /* Altura máxima para manter a proporção */
    width: auto;
    transition: transform 0.3s ease-in-out;
}

.logo-header:hover {
    transform: scale(1.1); /* Leve aumento ao passar o mouse */
}

/* Navbar */
/* Força o estilo para links ativos no menu */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #57CCC3 !important; /* Define a cor turquesa */
    font-weight: bold; /* Destaca o texto */
    text-decoration: none; /* Remove sublinha */
}

/* Links padrão no menu */
.navbar-light .navbar-nav .nav-link {
    color: #CDAB7D !important; /* Define cor dourada para links inativos */
    font-weight: bold; /* Destaca os links */
    margin: 0 10px;
    transition: color 0.3s ease-in-out; /* Adiciona animação suave */
}

/* Hover para links no menu */
.navbar-light .navbar-nav .nav-link:hover {
    color: #57CCC3 !important; /* Branco ao passar o mouse */
}

/* Botão de menu no modo colapsado */
.navbar-toggler {
    border: 1px solid #CDAB7D; /* Borda dourada */
    background-color: #000; /* Fundo preto */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CDAB7D' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(205,171,125,1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/* Botão de toggler no modo responsivo */
.navbar-toggler {
    border: 1px solid #CDAB7D; /* Borda dourada */
    background-color: #000; /* Fundo preto */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CDAB7D' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%20205,171,125,1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/ %3E%3C/svg%3E");
}

/* Itens centralizados e com margem */
.navbar-nav {
    margin: 0 auto; /* Centraliza a navegação */
}

/* Ajustes de responsividade */
@media (max-width: 992px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar-nav .nav-item {
        margin-bottom: 10px; /* Espaçamento entre itens no modo colapsado */
    }
}

/* Pagina Sobre */
.section-sobre img,
.section-equipe img {
    border: 5px solid #CDAB7D; /* Dourado */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.section-missao-visao h4 {
    color: #CDAB7D;
    font-weight: bold;
    margin-bottom: 10px;
}
.section-missao-visao p {
    color: #E7E2E2;
}

.whatsapp-contact {
    padding: 40px 20px;
    background-color: #1c1c1c; /* Fundo escuro para manter o estilo premium */
    border-radius: 10px;
}

.whatsapp-contact h2 {
    color: #CDAB7D; /* Cor dourada para o texto */
    font-weight: bold;
}

.whatsapp-contact .btn-warning {
    background-color: #57CCC3; /* Cor do botão */
    color: #000; /* Cor do texto no botão */
    border: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.whatsapp-contact .btn-warning:hover {
    background-color: #CDAB7D; /* Dourado ao passar o mouse */
    color: #fff; /* Branco ao passar o mouse */
}