/* Importação da fonte Cinzel */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');

/* Reset global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    height: 100%; /* Garante que o body ocupe 100% da altura da viewport */
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Impede que o conteúdo ultrapasse a largura da viewport */

body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    color: #333;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Estilos da seção principal */
.hero-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 40px 20px 100px;
    background-image: url('imagens/b1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #111;
}



/* Estilo do logo */
.logo {
    max-width: 150px;
    margin-bottom: 40px;
    padding-top: 30px;
}

/* Estilo da headline */
.headline {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    max-width: 800px;
    line-height: 1.2; /* Controle de espaçamento entre linhas */
}

/* Estilo do subtítulo */
.subheadline {
    font-family: 'Cinzel', serif;
    font-size: 1.3rem;
    font-weight: 400;
    color: #fff;
    max-width: 800px;
    margin-bottom: 30px;
    line-height: 1.2; /* Ajuste para melhorar o espaçamento entre linhas */
}


/* Estilo do contêiner do vídeo */
.video-container {
    position: relative;
    width: 80%; /* Define a largura do vídeo */
    max-width: 800px; /* Limita a largura máxima */
    aspect-ratio: 16 / 9; /* Define a proporção 16:9 */
    margin-bottom: 30px;
    background-color: #000; /* Fundo preto como fallback */
    overflow: hidden; /* Garante que nada exceda o contêiner */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Botão de chamada para ação */
.cta-button {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #fff;
    background-color: #ff0000;
    border-radius: 10px;
    padding: 15px 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;

}

.cta-button:hover {
    background-color: #ff6961;
}

.highlight {
    color: #ffcd19; /* Define a cor para "chaves ocultas" */
}


/* Responsividade */
@media (max-width: 768px) {
    .hero-section {
        min-height: auto; /* Remove a altura mínima */
    }
    .headline {
        font-size: 1.6rem;
    }

    .subheadline {
        font-size: 1rem;
    }

    .cta-button {
        font-size: 1rem;
        padding: 12px 20px;
    }

    .video-container {
        max-width: 100%;
    }
}

/* Estilos da seção info-section */
.info-section {
    background-color: #000; /* Fundo preto */
    padding: 20px; /* Margem interna para evitar conteúdo colado */
}

.content-container {
    background: url('imagens/b2.png'); /* Fundo de papel envelhecido */
    background-size: cover;
    background-position: center;
    max-width: 800px; /* Largura fixa */
    margin: 20px auto; /* Centraliza e cria margem inferior */
    padding: 20px; /* Margem interna */
    color: #000; /* Cor padrão para o texto */
}

/* Estilo do título */
.info-title {
    font-family: 'Cinzel', serif;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    color: #000;
    margin-bottom: 20px;
}

.info-title .highlight {
    color: #cba001 /* Cor destacada para "libertar do sistema" */
}

/* Subhead */
.info-subhead {
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 20px; /* Distância entre o subtítulo e o próximo elemento */
    color: #000;
}

/* Texto geral */
.info-text {
    font-family: 'Serif', serif;
    text-align: justify;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 20px; /* Espaçamento entre parágrafos */
}

/* Imagem */
.info-image {
    display: block;
    margin: 20px auto; /* Centraliza a imagem */
    max-width: 100%; /* Garante que a imagem não ultrapasse os limites do container */
    height: auto;
}

/* Botão centralizado */
.cta-button {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #fff;
    background-color: #ff0000;
    border: none;
    border-radius: 5px;
    padding: 15px 30px;
    margin: 20px auto 0; /* Centraliza o botão */
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
    background-color: #218838;
}

/* Responsividade */
@media (max-width: 768px) {
    .info-title {
        font-size: 1.6rem;
    }
    .info-subhead {
        margin-bottom: 25px; /* Ajusta distância no responsivo */
    }
    .info-text {
        font-size: 0.9rem;
    }
}

/* Estilo da seção master-section */
.master-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 40px 20px 30px; /* Inclui os 30px de espaço inferior */
    background-image: url('imagens/b3.png'); /* Imagem de fundo */
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
}

/* Conteúdo interno */
.master-content {
    text-align: center;
    max-width: 960px; /* Limita a largura do conteúdo */
}

/* Título */
.master-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

.master-title .highlight-red {
    color: #ffcd19; /* Cor vermelha para "Mestre" */
}

/* Texto */
.master-text {
    font-family: 'Serif', serif;
    font-size: 1.4rem;
    line-height: 1.2;
    max-width: 800px;
    margin-bottom: 20px; /* Espaçamento entre os parágrafos */
    margin: 0 auto; /* Centraliza o conteúdo horizontalmente */
    text-align: justify; /* Justifica o texto */
    color: #fff;
}

.master-content p {
    margin-bottom: 20px; /* Espaçamento entre parágrafos */
}

/* Imagens */
.master-images {
    display: flex;
    flex-wrap: wrap; /* Permite quebra de linha no responsivo */
    gap: 10px; /* Espaçamento entre as imagens */
    justify-content: center;
    margin-top: 20px;
}

.master-image {
    width: calc(25% - 10px); /* 4 imagens por linha (menos o gap) */
    max-width: 200px; /* Limite de largura */
    height: auto;
}

/* Responsividade */
@media (max-width: 768px) {
    .master-image {
        width: calc(50% - 10px); /* 2 imagens por linha no responsivo */
    }
}

/* Estilo da seção feedback-section */
.feedback-section {
    background-color: #000; /* Fundo preto */
    padding: 40px 20px; /* Espaçamento interno */
    text-align: center; /* Centraliza o conteúdo */
}

/* Título */
.feedback-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 30px; /* Espaçamento abaixo do título */
}

/* Contêiner da imagem */
.feedback-image-container {
    display: flex;
    justify-content: center; /* Centraliza a imagem horizontalmente */
}

/* Imagem */
.feedback-image {
    max-width: 1000px; /* Limita a largura máxima a 800px */
    width: 100%; /* Faz a imagem se ajustar ao tamanho do contêiner */
    height: auto; /* Mantém a proporção da imagem */
    margin: 0 auto; /* Centraliza para navegadores mais antigos */
}

/* Responsividade */
@media (max-width: 768px) {
    .feedback-image-container {
        padding: 0 5px; /* Adiciona margem lateral no responsivo */
    }
}

/* Estilo da seção learning-section */
.learning-section {
    background-image: url('imagens/b4.png'); /* Imagem de fundo cobrindo tudo */
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 40px 20px;
    text-align: center;
}

/* Headline */
.learning-headline {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Subhead */
.learning-subhead {
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Container geral */
.learning-container {
    max-width: 800px;
    margin: 0 auto;
}

/* Blocos */
.learning-block {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px; /* Espaço entre imagem e texto */
}

/* Ordem inversa no bloco reverse */
.learning-block.reverse {
    flex-direction: row-reverse;
}

/* Imagem */
.learning-image {
    width: 40%; /* Imagem ocupa 40% do bloco */
    max-width: 300px; /* Limita o tamanho da imagem */
    height: auto; /* Mantém a proporção */
}

/* Conteúdo do bloco */
.learning-content {
    flex: 1;
}

/* Título */
.learning-title {
    font-family: 'Cinzel', serif;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 30px; /* Espaço entre título e texto */
    color: #fff;
    text-align: left; /* Alinha o título à esquerda */
}

/* Texto */
.learning-text {
    font-family: 'Serif', serif;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: left;
    color: #fff;
}

/* Responsividade */
@media (max-width: 768px) {
    .learning-block {
        flex-direction: column; /* Imagem e texto em coluna */
        text-align: center; /* Centraliza o texto */
    }

    .learning-image {
        width: 100%; /* Imagem ocupa 100% no responsivo */
        max-width: none; /* Remove o limite de largura */
    }

    .learning-title,
    .learning-text {
        text-align: center; /* Centraliza título e texto */
    }
    .learning-block.reverse {
        flex-direction: column; /* Reverte para a ordem padrão no responsivo */
    }

}

.highlight-red {
    color: #ffcd19; /* Define o texto em vermelho */
}

/* Estilo da seção guarantee-section */
.guarantee-section {
    background-color: #000; /* Fundo preto */
    color: #fff; /* Texto padrão branco */
    padding: 40px 20px; /* Espaçamento interno */
    text-align: center; /* Centraliza o conteúdo */
}

/* Título principal */
.guarantee-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

/* Parágrafo introdutório */
.guarantee-intro {
    font-family: 'Serif', serif;
    font-size: 1.4rem;
    line-height: 1.2; /* Espaçamento entre linhas */
    margin-bottom: 30px;
    text-align: justify; /* Texto justificado */
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

/* Subtítulo */
.guarantee-subtitle {
    font-family: 'Cinzel', serif;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}


/* Texto explicativo */
.guarantee-text {
    font-family: 'Serif', serif;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: justify;
    max-width: 800px;
    margin: 0 auto 30px;
    color: #fff;
}

.guarantee-text .highlight-red {
    font-size: 1.4rem; /* Aumenta o tamanho da fonte */
    font-weight: bold; /* Opcional: deixa em negrito */
}

.highlight-green {
    color: #8B79D9; /* Cor verde */
}

/* Imagem */
.guarantee-image {
    display: block;
    max-width: 800px; /* Largura máxima da imagem */
    width: 100%; /* Adapta ao tamanho do container */
    height: auto; /* Mantém a proporção */
    margin: 30px auto; /* Centraliza e cria espaçamento vertical */
}

/* Botão */
.cta-button {
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #000;
    background-color: #ffcd19; /*Cor do botão CTA*/
    border: none;
    border-radius: 5px;
    padding: 15px 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.cta-button:hover {
    background-color: #d9b840;
}

/* Responsividade */
@media (max-width: 768px) {
    .guarantee-intro,
    .guarantee-text {
        font-size: 1rem; /* Reduz o tamanho do texto no responsivo */
    }
}

/* Estilo da seção start-now-section */
.start-now-section {
    background-image: url('imagens/b5.png'); /* Imagem de fundo */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff; /* Texto padrão branco */
    padding: 40px 20px 30px; /* Inclui os 30px de espaço inferior */
    text-align: center;
}

/* Logo */
.start-now-logo {
    max-width: 120px; /* Tamanho semelhante à primeira seção */
    margin-bottom: 20px; /* Espaçamento abaixo do logo */
}

/* Título */
.start-now-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2; /* Espaçamento entre as linhas */
    max-width: 800px; /* Largura máxima no desktop */
    margin: 0 auto 30px; /* Centraliza e adiciona espaçamento abaixo */
    text-align: center; /* Centraliza o texto */
}

.start-now-title .highlight-red {
    color: #ffcd19; /* Vermelho para "agora" */
}
.start-now-text {
    font-family: 'Serif', serif;
    font-size: 1.1rem; /* Tamanho do texto */
    line-height: 1.2; /* Espaçamento entre linhas */
    text-align: justify; /* Alinhamento justificado */
    color: #fff; /* Cor branca */
    max-width: 800px; /* Largura máxima para alinhamento com os textos anteriores */
    margin: 0 auto 30px; /* Centraliza e adiciona espaçamento inferior */
}


/* Imagem */
.start-now-image {
    display: block;
    max-width: 800px; /* Alinhado à largura dos textos anteriores */
    width: 100%; /* Ajusta para o tamanho do container */
    margin: 0 auto; /* Centraliza horizontalmente */
    height: auto; /* Mantém a proporção */
}

/* Botão */
.start-now-button {
    text-decoration: none;
    display: block;
    width: 100%; /* Mesma largura da imagem acima */
    max-width: 800px; /* Alinhado com a imagem e textos */
    background-color: #ffcd19;
    line-height: 1.2;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 15px 0; /* Torna o botão quadrado */
    border: none;
    border-radius: 0; /* Remove bordas arredondadas */
    margin: 0 auto; /* Centraliza horizontalmente */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.start-now-button:hover {
    background-color: #D9b8400; /* Cor mais escura no hover */
}

/* Responsividade */
@media (max-width: 768px) {
    .start-now-title {
        max-width: 100%; /* O título ocupa quase toda a tela */
        padding: 0 20px; /* Margem interna para evitar que o texto encoste nas bordas */
    }
    .start-now-logo {
        max-width: 100px; /* Reduz o tamanho do logo no responsivo */
    }

    .start-now-title {
        font-size: 1.6rem; /* Reduz o tamanho do título */
    }

    .start-now-image {
        padding: 0 0px; /* Adiciona margem interna no responsivo */
    }

}

/* Estilo da seção FAQ */
.faq-section {
    background-color: #000; /* Fundo preto */
    padding: 40px 20px;
    color: #fff;
    text-align: center;
}

/* Título */
.faq-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #fff;
}

/* FAQ Item */
.faq-item {
    max-width: 800px;
    margin: 10px auto;
    text-align: left;
}

/* FAQ Toggle (Checkbox) */
.faq-toggle {
    display: none;
}

/* FAQ Pergunta (Label) */
.faq-question {
    display: block;
    background-color: #333;
    color: #fff;
    padding: 15px 20px;
    font-family: 'Cinzel', serif;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq-question:hover {
    background-color: #444;
}

/* FAQ Resposta */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    background-color: #222;
    color: #fff;
    padding: 0 20px;
    border-radius: 5px;
    font-family: 'Serif', serif;
    font-size: 1rem;
    line-height: 1.6;
    transition: max-height 0.3s ease;
}

/* Mostrar resposta quando clicado */
.faq-toggle:checked + .faq-question + .faq-answer {
    max-height: 200px; /* Define a altura máxima para exibir o conteúdo */
    padding-top: 15px; /* Adiciona espaçamento quando aberto */
    padding-bottom: 15px;
}

@media (max-width: 768px) {
    .faq-question {
        font-size: 15px;
    }

}

/* Estilo da seção real-cases-section */
.real-cases-section {
    background-color: #000; /* Fundo preto */
    color: #fff; /* Texto branco */
    padding: 40px 20px;
    text-align: center;
}

/* Título */
.real-cases-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
}

/* Contêiner dos vídeos */
.real-cases-container {
    display: grid; /* Utilizando grid para layout preciso */
    grid-template-columns: repeat(2, 1fr); /* 2 colunas no desktop */
    gap: 20px; /* Espaçamento entre os vídeos */
    max-width: 800px; /* Limite de largura */
    margin: 0 auto; /* Centraliza o contêiner */
}

/* Vídeos */
.real-case-video iframe {
    width: 100%; /* Ocupa 100% do espaço do contêiner */
    height: 270px; /* Altura proporcional */
}

/* Responsividade */
@media (max-width: 768px) {
    .real-cases-container {
        grid-template-columns: 1fr; /* 1 coluna no responsivo */
    }
}
/* Estilo da seção footer-section */
.footer-section {
    background-color: #000; /* Fundo preto */
    color: #fff; /* Texto branco */
    padding: 20px;
    text-align: center;
    font-family: 'Cinzel', serif; /* Fonte principal */
}

/* Linha vermelha no topo */
.footer-line {
    width: 100vw; /* Garante que a linha cubra toda a largura da viewport */
    height: 2px; /* Altura do traço */
    background-color: #ffcd19; /* Cor vermelha */
    margin: 0 0 10px; /* Remove qualquer margem */
    padding: 0; /* Remove qualquer padding */
}

/* Texto principal */
.footer-main-text {
    font-size: 14px; /* Tamanho do texto principal */
    margin-bottom: 20px; /* Espaçamento abaixo do texto */
    line-height: 1.2;
}

/* Texto de aviso legal */
.footer-legal-text {
    font-family: 'Serif', serif; /* Fonte Serif */
    font-size: 12px; /* Tamanho do texto do aviso legal */
    line-height: 1; /* Ajusta o espaçamento entre linhas */
    text-align: center; /* Centraliza o texto */
    margin: 0 auto; /* Centraliza o texto no container */
}

/* Desativa seleção de texto */
body {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -ms-user-select: none;    /* Internet Explorer/Edge */
    user-select: none;        /* Padrão moderno */
}

/* Opcional: Desativa toque longo em imagens */
img {
    -webkit-touch-callout: none; /* Bloqueia toque longo em imagens no iOS */
}

/* Seção de Política de Privacidade */
.privacy-section {
    background-color: #fff; /* Fundo branco */
    color: #333; /* Texto escuro */
    padding: 40px 20px;
    font-family: 'Serif', serif;
}

.privacy-title {
    font-family: 'Cinzel', serif !important; /* Força o uso da fonte Cinzel */
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 20px; /* Adiciona margem lateral */
    margin-right: 20px; /* Adiciona margem lateral */
    text-align: left;
    color: #000;
}


.privacy-section .privacy-title {
    font-family: 'Cinzel', serif;
    font-size: 2rem;
    font-weight: 700;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}



.privacy-content {
    margin-left: 20px; /* Margem lateral esquerda */
    margin-right: 20px; /* Margem lateral direita */
}

.privacy-content p {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: justify;
}

/* Garante que o rodapé esteja na base */
.privacy-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Garante que o conteúdo ocupe no mínimo a altura da viewport */
}

/* Rodapé fixado na base */
.footer-priv {
    position: static;
    margin-top: auto; /* Empurra o rodapé para a base da página */
    text-align: center;
    padding: 20px 0; /* Espaçamento interno */
    background-color: #fff; /* Fundo branco */
    font-family: 'Cinzel', serif;
    font-size: 14px;
    color: #333; /* Texto escuro */
}

/* Linha preta */
.footer-priv::before {
    content: "";
    display: block;
    width: 100%; /* Linha ocupa toda a largura */
    height: 7px; /* Altura da linha */
    background-color: #000; /* Cor preta */
    margin-bottom: 20px; /* Espaço abaixo da linha */
}

.privacidade {
    color: #ffcd19;
    text-decoration: none;
    font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
    #video-placeholder {
      width: 90% !important;
    }
  }