/*:root {
    --texto: #444;
    --cinza: #7c7c7c;
}*/


html {scroll-behavior: smooth;}
section {scroll-margin-top: 108px;}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Open Sans';font-style: normal;font-weight: 300;src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Open Sans';font-style: normal;font-weight: 400;src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Open Sans';font-style: normal;font-weight: 600;src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Cormorant Garamond';font-style: normal;font-weight: 400;src: url('../fonts/cormorant-garamond-v21-latin-400.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Cormorant Garamond';font-style: normal;font-weight: 600;src: url('../fonts/cormorant-garamond-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}

@font-face {font-family: 'Open Sans Fallback';src: local('Arial');size-adjust: 100%;ascent-override: 90%;descent-override: 22%;line-gap-override: 0%;}
@media (prefers-reduced-motion: reduce) {* {animation: none !important;transition: none !important;scroll-behavior: auto !important;}}

html, body {overflow-x: hidden}
#menu-toggle {background: transparent;border: none;padding: 0;margin: 0;cursor: pointer;outline: none;}
*,
*::before,
*::after {box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol {margin: 0;}
body {font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;color: white;line-height: 1.5;overflow-wrap: break-word;font-size: 1.0rem;background-color: #121314;}
a {transition: color .25s ease;color: #d99149;font-weight: 400;text-decoration: none;}


/* ==========================================================
   H O M E
========================================================== */
.whatsapp-link, .instagram-link {position: fixed;width: 50px;height: 50px;bottom: 30px;right: 30px;z-index: 101; /*contain: layout paint;*/}
.instagram-link {bottom: 90px;}
.whatsapp-link img,.instagram-link img {width: 50px;height: 50px;display: block;}
.container-topo {width: 80%;margin: auto;}

/* ==========================================================
   A N C O R A S - H O M E
========================================================== */
.institutional {margin: 0;padding: 0;background-color: #121314;width: 50%;padding-top: 50px;padding-bottom: 50px;margin: auto;text-align: center;}
.container3  {width: 100%;}
/*========================================================== */


/* ==================== h1/ h2 ==================================*/
h1 {margin: 0;padding: 0;font-size: 0.7rem;line-height: 1.0;font-weight: 400;color: white;text-align:left;}
h2 {margin: 0;padding: 0;font-size: 3.5rem;color: white;line-height: 1.1;font-weight: 600;padding-bottom: 20px;}
.container3 h2 {font-size: 1.0rem;padding-bottom: 40px;}

/* ==================== fim ==================================*/

/* ==================== <p> ==================================*/
p {margin: 0;padding: 0;line-height: 1.8;font-weight: 300;font-size: 0.9rem;text-align: center;color: white;padding-bottom: 20px;}
.rodape p {margin: 0;padding: 0;text-align: left;line-height: 1.4;font-weight: 400;padding-bottom: 8px;font-size: 0.8rem;}
.rodape p span {font-size: 0.7rem;}
.container3 p {color: #777777;margin: auto;font-size: 0.8rem;padding-bottom: 10px;}
.hero-texto p {text-align: left;}
p:last-of-type {padding-bottom: 0;border-bottom: none;}
/* ==================== fim <p> ==================================*/

.hero {width: 85%;margin: auto; /*min-height: 100vh;*/background-color: #121314;overflow: hidden;}
.container-topo {margin:0;padding:0;width: 90%;margin:auto;}
.container-hero {margin: 0;padding: 0;width: min(1500px, 90%); margin: auto;display: flex;align-items: stretch;justify-content: space-between;gap: 30px;}
.subtitulo {font-size: 1.0rem;}


/* =========================
   COLUNA ESQUERDA
========================= */
.hero-conteudo {margin: 0;padding: 0;flex: 0 0 46%;display: flex;flex-direction: column;align-items: flex-start;}
.hero-topo {display: flex;align-items:normal;gap: 35px;width: 100%;margin: 0;padding: 0;}
.hero-logo {flex-shrink: 0;margin: 0;padding: 0;margin-top: 15px;}
.hero-logo img {display: block;width: 160px;height: auto;}
.hero-frase {margin: 0;padding: 0;margin-top:40px;}
.hero-texto {margin-top: 50px;max-width: 430px;padding-top:40px;}


/* =========================
   KICKER
========================= */
.hero-kicker {display: inline-block;margin-top: 10px;font-size: 13px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;color: #d99149;}


/* =========================
   FORMULÁRIO
========================= */
.hero-form {display: flex;flex-direction: column;gap: 12px;width: 100%;max-width: 520px;margin-top: 30px;}
.hero-form input {width: 100%;height: 56px;padding: 0 20px;border: 1px solid #353535;border-radius: 8px;background: #151515;color: #ffffff;font-size: 16px;outline: none;transition: border-color .25s ease, background .25s ease;}
.hero-form input::placeholder {color: #8f8f8f;}
.hero-form input:focus {border-color: #d99149;background: #191919;}

/* =========================
   BOTÃO
========================= */
.hero-form button {height: 58px;margin-top: 4px;border: 0;border-radius: 8px;background: linear-gradient( 135deg, #d9822b, #eab779 );color: #111111;font-size: 15px;font-weight: 700;letter-spacing: .5px;text-transform: uppercase;cursor: pointer;transition: transform .2s ease, filter .2s ease;}
.hero-form button:hover {transform: translateY(-2px);filter: brightness(1.08);}

/* =========================
   TEXTO AUXILIAR
========================= */
.hero-privacidade {MARGIN:0;PADDING:0;display: block;font-size: 11px;color: #777777;}


/* =========================
   IMAGEM
========================= */
.hero-imagem {flex: 1;display: flex;align-items: flex-start;justify-content: flex-end;}
.hero-imagem img {display: block;width: 95%;height: auto;object-fit: contain;object-position: top right;margin: 0;}

/* =========================
   ACESSIBILIDADE
========================= */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}


/* ==========================================================
   F O R M 
========================================================== */
.pre-lancamento {width: 100%;background: radial-gradient( circle at 50% 0%, rgba(217, 130, 43, .10), transparent 45% ), #111111;padding: 80px 0px;border-top: 1px solid rgba(255,255,255,.07);}
.container-cadastro {width: min(1100px, 100%);margin: 0 auto;text-align: center;}
.cadastro-texto {max-width: 760px;margin: 0 auto 42px;}
.cadastro-kicker, .cadastro-kicker1 {display: block;margin-bottom: 30px;color: #d99149;font-size: 13px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;}
.cadastro-kicker1 {font-size: 11px;}
.cadastro-texto h2 {margin: 0 0 20px;padding: 0;font-family: 'Cormorant Garamond', serif;font-size: clamp(38px, 4vw, 58px);line-height: 1.05;font-weight: 600;color: #ffffff;}
.cadastro-texto p {max-width: 680px;margin: 0 auto;padding: 0;font-size: 17px;line-height: 1.7;font-weight: 300;color: #bcbcbc;}


/* ==========================================================
   CAMPOS
========================================================== */
.cadastro-form {width: 100%;max-width: 600px;margin: 0 auto;display: flex;flex-direction: column;gap: 14px;}
.campo {width: 100%;}
.cadastro-form input {display: block;width: 100%;height: 58px;padding: 0 20px;border: 1px solid #343434;border-radius: 6px;background: #181818;color: #ffffff;font-family: inherit;font-size: 15px;outline: none;transition: border-color .25s ease, background .25s ease;}
.cadastro-form input::placeholder {color: #858585;}
.cadastro-form input:focus {border-color: #d99149;background: #1d1d1d;}
.cadastro-form button {display: block;width: 100%;height: 60px;margin-top: 4px;padding: 0 30px;border: 0;border-radius: 6px;background: linear-gradient( 135deg, #d9822b, #eab779 );color: #111111;font-family: inherit;font-size: 16px;font-weight: 600;letter-spacing: .5px;text-transform: uppercase;cursor: pointer;transition: transform .2s ease, filter .2s ease;}
.cadastro-form button:hover {transform: translateY(-2px);filter: brightness(1.08);}
.cadastro-privacidade {display: block;max-width: 600px;margin: 18px auto 0;font-size: 12px;line-height: 1.5;color: #6f6f6f;}


/* ==========================================================
   R O D A PE
========================================================== */
footer {margin: 0;padding: 40px 0;margin-top:0px;background: linear-gradient( 135deg, #d9822b, #eab779 );}
.rodape {width:55%;margin:auto;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 35px;}
.rodape-logo {flex-shrink: 0;}
.rodape-logo img {display: block;width: 170px;height: auto;}
.rodape-divisor {width: 1px;height: 140px;background: rgba(255,255,255,.4);}
.rodape-info {margin:0;font-style: normal;/*max-width: 500px;*/}
.rodape-info a {color: #f1e1d5;}
.rodape-info a:hover {text-decoration: underline;}
/* ============= fim home ================================== */


.campo-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

.form-status {
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    
}

    .form-status.sucesso {
        color: #d99149;
    }

    .form-status.erro {
        color: red;
    }

.consentimento {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #777;
}

    .consentimento label {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
    }

    .consentimento input[type="checkbox"] {
        appearance: auto;
        -webkit-appearance: checkbox;
        width: 14px;
        height: 14px;
        min-width: 14px;
        padding: 0;
        margin: 2px 0 0 0;
        flex: 0 0 14px;
        cursor: pointer;
    }






/* ==========================================================
   MOBILE
========================================================== */
/*@media(max-width:768px) {*/
@media(max-width:1023px) {
.menu {display: none;}
main {padding-top: 0;}

/* ==================== h1/h2 ==================================*/
h1 {margin: 0;padding: 0;line-height: 1.6;font-size: 0.9rem;margin-bottom: 50px;text-align:center;}
h2 {margin: 0;padding: 0;font-size: 2.5rem;color: white;line-height: 1.2;font-weight: 600;text-align:center;padding-bottom: 40px;}
.container3 h2 {margin: 0;padding: 0;padding-bottom: 20px;}
/* ==================== fim ==================================*/
.institutional {width: 80%;margin: auto;padding-top: 50px;padding-bottom: 50px;text-align: center;}
/* ==================== <p> ==================================*/
p {margin: 0;padding: 0;line-height: 1.5;font-weight: 300;font-size: 1.0rem;padding-bottom:20px;text-align: center;}
.hero-texto p {text-align: center;}
.container3 p {color: #777777;margin: auto;font-size: 0.8rem;padding-bottom: 10px;}
.rodape p {text-align: center;}
/* ==================== fim ==================================*/

.container-cadastro {width: 90%;margin: auto;text-align: center;}
.subtitulo {font-size: 1.0rem;}
.hero-kicker {display: block;width: 100%;margin-top: 20px;font-size: 0.9rem;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;color: #d99149;text-align: center;}
.hero {width: 100%;padding-top: 30px;padding-bottom: 30px;}
.container-topo {width: 80%;margin: auto;}
.container-hero {margin: 0;padding: 0;width: 95%;margin: auto;flex-direction: column;margin: auto;}
.hero-imagem {order: 1;width: 100%;}
.hero-imagem img {width: 100%;margin: 0;}
.hero-conteudo {width: 95%;margin: auto;order: 2;}
.hero-topo {display: flex;flex-direction: column;align-items: flex-start;}
.hero-logo {padding: 0;margin:auto;text-align: center;}
.hero-logo img {display: block;max-width: 200px;height: auto;}
.hero-frase {margin: 0;padding: 0;width: 100%;}
.hero-texto {margin: 0;padding: 0;max-width: 100%;margin-top:20px;}
.cadastro-kicker, .cadastro-kicker1 {display: block;margin-bottom: 30px;color: #d99149;font-size: 0.9rem;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;}
.cadastro-kicker1 {font-size: 0.7rem;}


/* ==========================================================
   F O R M 
========================================================== */
.pre-lancamento {padding-top: 80px;padding-bottom: 40px}
.cadastro-texto {margin-bottom: 32px;}
.cadastro-texto h2 {font-size: 40px;}
.cadastro-texto p {font-size: 16px;}
.cadastro-form {grid-template-columns: 1fr;}
.cadastro-form button {width: 100%;min-width: 0;}
.rodape {width:80%;margin:auto;flex-direction: column;gap: 25px;}
.rodape-info {font-style: normal;width: 100%;}
.rodape-divisor {width: 250px;height: 1px;}
.rodape-logo img {width: 140px;}

}