:root {
    --primaryColor: #119ddd;
    --secondaryColor: #05132e;
    --thirdColor: #0f82bb;
    --fourthColor: #1b2147;
    --fifthColor: #ba1e4d;
    --sixthColor: #28377e;
    --destakColor: #FFA54A;
    --textColor: #6a7483;
    --module: 60px 0;
}

html {scroll-behavior:smooth;}

h1, h2 {font-family: "Maven Pro", sans-serif;}
h3, h4, h5, h6, p, a, span, input, textarea, select, li, label, table, button, mark, .breadcrumbm, #resultado {font-family: "Maven Pro", sans-serif;}
/* Estilos CSS para o Modal de Agradecimento */
.modal-agradecimento {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 76, 153, 0.8); /* Azul-marinho com transparência */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.modal-agradecimento.mostrar-modal {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.modal-conteudo {
    background-color: #f8f9fa;
    margin: auto;
    padding: 30px 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 500px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    animation: fadeIn 0.5s ease-in-out;
}

.modal-conteudo h2 {
    color: #004c99;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 2em;
}

.modal-conteudo p {
    color: #212529;
    font-size: 1.1em;
    line-height: 1.6;
}

/* Container para os ícones */
.icon-container {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

/* Estilo base para os ícones */
.icon-container img {
    position: absolute;
    width: 80px;
    height: auto;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Ícone de envelope (envio) */
.icon-envelope {
    opacity: 1;
    animation: sendEmail 5s linear forwards; /* 5 segundos para o envio */
}

/* Ícone de confirmação */
.icon-confirmacao {
    opacity: 0;
}

/* Classe para mostrar o ícone de confirmação */
.modal-agradecimento.mostrar-modal .icon-envelope {
    opacity: 0;
}

.modal-agradecimento.mostrar-modal .icon-confirmacao {
    opacity: 1;
    animation: fadeInConfirm 0.5s ease-in-out 5s forwards; /* Aparece após 5 segundos */
}

/* Animação de envio do e-mail */
@keyframes sendEmail {
    0% {
        transform: translateX(0) rotate(0deg);
    }
    50% {
        transform: translateX(20px) rotate(10deg);
    }
    100% {
        transform: translateX(0) rotate(0deg);
        opacity: 0;
    }
}

/* Animação de entrada do ícone de confirmação */
@keyframes fadeInConfirm {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animação de entrada do modal */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

::selection {color:#fff; background-color:var(--secondaryColor); text-shadow:none;}
::-moz-selection {color:#fff; background-color:var(--secondaryColor); text-shadow:none;}
a {text-decoration:none;}

.cor-principal {color:var(--primaryColor) !important;}
.cor-secundario {color:var(--secondaryColor) !important;}
.cor-branco {color:#fff !important;}

.modulo {width:100%; padding:var(--module); position:relative;}
.fundo-padrao {background-repeat:no-repeat; background-position:center; background-size:cover;}

/* Botões */
.botao {width:200px; height:54px; font-size:20px; font-weight:normal; border-radius:27px; background-color:var(--primaryColor); color:#fff; cursor:pointer; position:relative; border:0; z-index:300;}
.botao-principal {background-color:#fff; font-weight:bold; color:var(--secondaryColor); transition:all 150ms linear;}
.botao-principal:hover {background-color:var(--thirdColor); color:#fff;}
.botao-secundario {background-color:var(--secondaryColor); color:#fff; box-shadow:0 0 0 var(--primaryColor); transition:all 150ms linear;}
.botao-secundario:hover {background-color:var(--destakColor);}

.botao-maior {width:260px; height:60px; font-size:18px; border-radius:30px;}
.botao-centralizado {left:50%; transform:translateX(-50%);}
.botao-container {margin-top:30px;}

.cabecalho {width:100%; background-color:var(--primaryColor); position:fixed; z-index:1000;}
.cabecalho-fixed {width:100%; height:70px; position:relative;}
.cabecalho-container {max-width:1170px; margin:0 auto; padding:15px; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.logo {width:204.53px; height:40px; background-image:url(../img/logo_alterdata_dtc.png); background-repeat:no-repeat; background-size:cover;}
.logo h1 {display:none;}

/* Menu */
.menu-principal {position:relative;}
.menu-principal ul {padding-left:0;}
.menu-principal ul li {list-style:none; display:inline-block; position:relative;}
.menu-principal ul li a {color:#fff; text-decoration:none; font-size:16px; padding:0 10px; float:left; position:relative; transition:all 150ms linear;}
.menu-principal ul li a:hover {color:var(--destakColor);}
.menu-lista {display:block;}

.menu-overlay {width:100%; height:100%; position:fixed; top:0; left:0; background:transparent; z-index:1000; border:0; visibility:hidden; opacity:0;}
.overlay-aberto {visibility:visible; opacity:1;}

/* Menu Responsivo */
.menu-botao-responsivo {width:64px; height:64px; position:fixed; top:12px; right:10px; border-radius:50%; background-color:var(--primaryColor); opacity:0; visibility:hidden; cursor:pointer; border:2px solid #fff; z-index:8700; transition:all 150ms linear;}
.menu-hamburguer {width:28px; float:left; position:relative; left:50%; top:14px; transform:translateX(-50%);}
.menu-hamburguer p {color:#242424; text-transform:uppercase; font-size:9px; margin:0; text-align:center;}
.icone-barra {width:28px; height:3px; margin:2px 0; float:left; background-color:#fff; transition:all 150ms linear;}
.menu-texto {width:100%; text-align:center; position:absolute; top:28px; font-size:14px; color:#fff;}
.menu-texto p {font-size:12px; color:#fff; font-weight:normal; margin: 6px 0 0; text-transform:uppercase;}

/* Barras do menu hamburguer */
.menu-botao-responsivo .icone-barra {transition:all 200ms linear;}
.menu-botao-responsivo .top-bar {transform:rotate(45deg); transform-origin:10% 10%; margin-left:5px;}
.menu-botao-responsivo .middle-bar {opacity:0; margin-left:5px;}
.menu-botao-responsivo .bottom-bar {transform:rotate(-45deg); transform-origin:10% 90%; margin-left:5px;}
.menu-botao-responsivo.colapsado .top-bar {transform:rotate(0); margin-left:0;}
.menu-botao-responsivo.colapsado .middle-bar {opacity:1; margin-left:0;}
.menu-botao-responsivo.colapsado .bottom-bar {transform: rotate(0); margin-left:0;}

.ancora {width:1px; height:1px; background:none; border:0; position:absolute; top:-50px; left:0;}


/* Módulo 1 */
.modulo1 {background-color:var(--primaryColor); background-image:url(../img/mao_ceu.png); background-position:center bottom; background-size:cover;}
.modulo1-container {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.modulo1-texto {max-width:35%; position:relative; order:1}
.modulo1-texto-conteudo {position:relative; z-index:10;}
.modulo1-texto {padding:240px 0;}
.modulo1-texto h2 {font-size:62px; color:var(--primaryColor); margin:0; line-height:100%; font-weight:900;}
.modulo-1-destaque {color:var(--secondaryColor);}


/* Módulo 2 */
.modulo2 {background-color:var(--secondaryColor); background-image:url(../img/fundo_2_formulario.png);}
.modulo2-container {display:flex; justify-content:center; gap:30px; align-items:center;}
.modulo2-textos {width:50%;}
.modulo2-textos p {color:#fff; font-size:36px; margin:0;}
.modulo2-textos h2 {color:var(--primaryColor); line-height:100%; font-size:62px; font-weight:900; margin:0; text-transform:uppercase;}
.modulo2-formulario {width:50%;}
.modulo2-frase p {color:#fff; font-size:28px; text-align:center;}
.modulo2-formulario label {color:#fff;}
.modulo2-formulario .link_politica {color:var(--destakColor);}
.form-container-checkbox label {cursor:pointer; font-size:14px;}
.form-container-checkbox .link_politica {color:var(--destakColor); cursor:pointer; font-size:14px;}
.form-container-checkbox .link_politica:hover {text-decoration:underline;}
.link_politica {cursor:pointer;}

.modal-formulario-loader {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.9); opacity:0; visibility:hidden; z-index:3000;}
.loader {width:48px; height:48px; border:5px solid var(--primaryColor); border-bottom-color:var(--secondaryColor); border-radius:50%; display:inline-block; box-sizing:border-box; animation:rotation 1s linear infinite; position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px;}
.loader-block {opacity:1; visibility:visible;}
#resultado {color:#009938; font-size:17px; font-weight:bold; margin-top:20px;}
@keyframes rotation {
    0% {
		transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

/* Módulo 3 */
.modulo3 {width:100%; padding:90px 0; position:relative; background-color:var(--primaryColor); background-image:url(../img/fundo_3_shop.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.modulo3 p {color:#fff; font-size:32px; line-height:calc(100% + 10px); font-weight:normal;}
.destaque-menor {font-size:24px; line-height:100%;}

/* Módulo 4 */
.modulo4 {background-color:var(--secondaryColor); background-image:url(../img/fundo_4_superamos.png);}
.modulo4-container {text-align:center;}
.modulo4-container h4 {color:#fff; font-size:38px; font-weight:normal; margin:0;}
.modulo4-container h3 {color:var(--primaryColor); font-weight:900; font-size:78px; margin:0; text-transform:uppercase; line-height:100%;}
.modulo4-container p {color:#fff; margin:0; font-weight:normal; margin:0; font-size:48px; line-height:100%;}
.modulo4-destaque {font-weight:bold; color:var(--primaryColor);}

.modulo5 {background-color:#fff; background-image:url(../img/fundo_5_pack.png);}
.modulo5-container {width:100%; max-width:1170px; position:relative;}
.modulo5-item {width:100%; max-width:710px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding-left:15px; padding-right:15px; box-sizing:border-box;}
.modulo5-textos p {font-size:32px; margin:0; line-height:100%;}
.modulo5-destaque {color:var(--primaryColor);}

.modulo6 {background-color:var(--secondaryColor); background-image:url(../img/fundo_6_revolucionar.png); background-position:center; background-repeat:no-repeat; background-position:center; padding-bottom:210px;}
.modulo6 h2 {color:var(--primaryColor); font-size:46px; text-transform:uppercase; font-weight:900; line-height:100%; margin:0;}
.modulo6 p {color:#fff; font-size:36px; font-weight:normal; margin:0;}

.modulo7 {background-color:#fff; background-image:url(../img/fundo_7_quem_somos.png); padding:120px 0;}
.modulo7-item {position:relative; z-index:10;}
.modulo7-item h2 {color:var(--primaryColor); font-size:42px; font-weight:bold; margin:0;}
.modulo7-item p {color:#121212; font-size:26px; font-weight:normal; margin:0;}

.modulo8 {background-color:var(--secondaryColor); background-image:url(../img/fundo_8_controle.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.modulo8-textos {text-align:center;}
.modulo8-textos h2 {color:var(--primaryColor); font-size:58px; line-height:100%; text-transform:uppercase; margin:0;}
.modulo8-textos p {color:#fff; margin:0; font-size:28px;}


.titulo-modulo {margin-bottom:20px;}
.titulo-modulo p {font-size:18px; margin:0;}
.titulo-modulo h2, .titulo-modulo h3 {color:var(--primaryColor); font-weight:bold; font-size:58px; margin:0 0 10px; line-height:100%;}
.titulo-modulo-sub p {font-size:15px; color:var(--textColor); margin:0;} 


.rodape-sub {width:100%; padding:15px 15px 60px; background-color:var(--primaryColor); text-align:center;}
.rodape-sub p {color:#fff; font-size:14px; margin-bottom:0;}
.rodape-sub-assinatura p {font-size:13px; margin-top:5px;}
.rodape-sub-assinatura a {color:var(--destakColor);}
.rodape-sub-assinatura a:hover {text-decoration:underline;}

.form-container label.error, .form-container-checkbox label.error {color:red;}

.modal {width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; visibility:hidden; z-index:3000; transition:all 150ms linear;}
.modal h2 {margin:0; font-size:26px; color:var(--primaryColor);}
.modal h4 {margin:0 0 15px; font-size:18px; color:var(--secondaryColor);}
.modal-overlay {width:100%; height:100%; background:rgba(0,0,0,.75); position:absolute; top:0; left:0; z-index:3010;}
.modal-fechar {width:40px; height:40px; background-color:red; color:#fff; position:absolute; top:-20px; right:-20px; display:flex; justify-content:center; align-items:center; font-size:22px; border-radius:50%; cursor:pointer;}
.modal-fechar:hover {background-color:#ff4040;}
.modal-conteudo {width:100%; max-width:740px; background-color:#fff; z-index:3020; padding:30px; border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.modal-conteudo-texto {width:100%; max-height:380px; overflow-y:scroll; margin-top:20px; padding-right:15px;}
.modal-conteudo-texto p {font-size:14px;}
.modal-conteudo-texto li {font-size:14px; margin:5px 0;}
.modal-conteudo-texto::-webkit-scrollbar {width:10px;}
.modal-conteudo-texto::-webkit-scrollbar-track {background:#f3f3f3; border-radius:5px; overflow:hidden;}
.modal-conteudo-texto::-webkit-scrollbar-thumb {background:var(--primaryColor); border-radius:5px;}
.modal-conteudo-texto::-webkit-scrollbar-thumb:hover {background:#555; }

.modal-aberto {opacity:1; visibility:visible;}

.contato_botoes {position:fixed; right:15px; bottom:15px; display:flex; gap:5px; flex-direction:column;}
.contato_botao {width:64px; height:64px; background-color:var(--primaryColor); font-size:32px; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.contato_botao_whatsapp {background-color:#25D366; transition:all 150ms linear;}
.contato_botao_whatsapp:hover {background-color:#3aed7c;}
.contato_botao_email {background-color:var(--thirdColor); transition:all 150ms linear;}
.contato_botao_email:hover {background-color:var(--thirdColor);}



@media (max-width:989px){
.cabecalho-fixed {height:66px;}
.logo {width:184px; height:36px;}
.menu-botao-responsivo {opacity:1; visibility:visible;}
.menu-lista {width:205px; height:100%; visibility:hidden; opacity:0; position:fixed; top:66px; right:-220px; background:linear-gradient(to right, transparent, var(--primaryColor), var(--primaryColor)); transition:all 150ms linear;}
.menu-aberto {visibility:visible; opacity:1; right:0; z-index:8600;}
.menu-principal-conteudo {margin-top:40px;}
.menu-lista ul li {width:100%; position:relative;}
.menu-lista ul li a {width:100%; color:#fff; text-align:right; font-size:20px; line-height:28px; font-weight:bold; padding:10px 20px; box-sizing:border-box;}
.cabecalho-abaixo .menu-lista ul li a {line-height:28px;}
.menu-principal ul li ul>li>a {font-size:16px;}
.menu-principal ul li a::after {display:none;}

.modulo1-texto {padding:150px 0;}
.modulo1-texto h2 {font-size:65px;}
.modulo2-textos, .modulo2-formulario {width:100%;}
.modulo2-textos h2 {font-size:22px;}
.modulo2-textos h2 {font-size:44px;}
.modulo5-container img {display:none;}
.modulo5-item {position:relative; left:0; top:0; transform:translate(0, 0);}
.modulo5-item p {font-size:32px;}
.modulo5-item h4 {font-size:72px;}



.modulo7 {padding:60px 0;}
.modulo7-container {flex-direction:column; gap:30px;}
.modulo7-textos {width:100%;}
.modulo7-textos h2 {font-size:38px;}
.modulo7-textos p {font-size:22px;}
.modulo7-foto {width:100%; margin-top:0; margin-bottom:-1px;}
}

@media (max-width:768px){
.titulo-modulo h2, .titulo-modulo h3 {font-size:32px;} 
.modal-conteudo {width:calc(100% - 40px);}
.modulo1-container {flex-direction:column; align-items:center;}
.modulo1-texto {max-width:100%;}
.modulo1-foto {width:100%; margin-top:15px; order:3;}
.modulo1-valor {width:100%; order:2;}
.modulo1-texto h2 {font-size:52px;}
.modulo2-container {flex-direction:column;}
.modulo2-textos h2 {font-size:36px;}
.modulo3 {padding:40px 0;}
.modulo3 p {font-size:26px;}
.modulo3 h4 {font-size:16px;}
.modulo4-item {width:100%;}
.modulo4-container h3 {font-size:44px;}
.modulo4-container p {margin-top:30px; font-size:34px;}
.modulo5 {background-image:none;}
.modulo5-textos {margin-top:40px;}
.modulo6 {padding:60px 0; background-position:-900px center;}
.modulo6 h2 {font-size:34px;}
.modulo6-item p {font-size:22px;}
.modulo7-item p {font-size:18px;}
.modulo8-textos h2 {font-size:34px;}
}

@media (max-width:468px){
.modulo1 {background-position:-600px bottom;}
}

/*.modal-agradecimento {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 76, 153, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: flex !important;
}

.modal-agradecimento.mostrar-modal {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.modal-conteudo {
    background-color: #f8f9fa;
    margin: auto;
    padding: 30px 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 500px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    animation: fadeIn 0.5s ease-in-out;
}

.modal-conteudo h2 {
    color: #004c99;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 2em;
}

.modal-conteudo p {
    color: #212529;
    font-size: 1.1em;
    line-height: 1.6;
}

.modal-conteudo img {
    width: 80px;
    height: auto;
    margin-bottom: 20px;
}


@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}*/
/* Overlay com fundo desfocado */