/* --- Montserrat family (weights) --- */

/* Light - 300 */
@font-face {
  font-family: "Montserrat";
  src: url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Light.woff2") format("woff2"),
       url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular - 400 */
@font-face {
  font-family: "Montserrat";
  src: url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Regular.woff2") format("woff2"),
       url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bold - 700 */
@font-face {
  font-family: "Montserrat";
  src: url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Bold.woff2") format("woff2"),
       url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black - 900 */
@font-face {
  font-family: "Montserrat";
  src: url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Black.woff2") format("woff2"),
       url("../FORMULA_DA_PROJECAO_ASTRAL_FONTES/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root{
    --font-primary: "Montserrat", Arial, sans-serif;
    --cor-ouro-claro: #d1a200;
    --cor-ouro-escuro: #957b06;
    --cor-dourado-mais-escuro: #2a2200;
    --cor-prata-mais-claro: #e1e1e1;
    --cor-prata-claro: #989898;
    --cor-prata-escuro: #646363;
    --cor-branco: #f4f4f4;
    --cor-preto: #181818;
    --cor-verde-whats: hsl(142, 65%, 50%);
    --box-shadow: 0px 10px 17px -2px rgba(18,18,18,0.4);
}
html{
    scroll-behavior: smooth;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1, h2, h3, p, a, .quatro-p-2{
    font-family: var(--font-primary);
    line-height: 1.4;
}
a{
    text-decoration: none;
}

.dourado-mais-escuro{
    color: var(--cor-dourado-mais-escuro);
}
.preto{
    color: var(--cor-preto);
}
.ouro-claro{
    color: var(--cor-ouro-claro);
}

/* HERO */
.hero{
    width: 100%;
    height: auto;
    background: #D1A200;
    background: url(../FORMULA_DA_PROJECAO_ASTRAL_IMG/HERO_BG_IMG.webp) 70% bottom / cover no-repeat,
                radial-gradient(circle, rgba(209, 162, 0, 1) 0%, rgba(149, 123, 6, 1) 100%);
}
.hero-contensor{
    width:90%;
    max-width: 1400px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.hero-logo{
    width: 100%;
    max-width: 250px;
    height: auto;
    margin-bottom: 30px;
}
.hero-h1{
    font-family: var(--font-primary);
    text-align: center;
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--cor-branco);
    margin-bottom: 10px;
}
.hero-contensor-2{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.hero-h2{
    font-family: var(--font-primary);
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--cor-branco);
    margin-bottom: 30px;
}
.hero-video{
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
iframe{
    aspect-ratio: 16 / 9;
    max-width: 500px;
}
.hero-contensor-3{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.hero-contensor-3-btn{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-p{
    font-family: var(--font-primary);
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--cor-branco);
    margin-bottom: 10px;
}
.hero-btn{
    font-family: var(--font-primary);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.4;
    max-width: 600px;
    background: #E1E1E1;
    background: linear-gradient(90deg, rgba(225, 225, 225, 1) 0%, rgba(152, 152, 152, 1) 100%);
    color: var(--cor-preto);
    box-shadow: var(--box-shadow);
    padding: 10px 15px;
    border-radius: 50px;
    animation: blink .5s infinite ease-in-out;
}
@keyframes blink{
    0%{ opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-branco);}
    50%{opacity: 1;
        box-shadow: 0px 0px 23px 0px var(--cor-branco);}
    100%{opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-branco);}
}
.hero-contensor-whats{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.whats-btn{
    font-family: var(--font-primary);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.4;
    max-width: 300px;
    background: var(--cor-verde-whats);
    color: var(--cor-branco);
    box-shadow: var(--box-shadow);
    padding: 10px 15px;
    border-radius: 50px;
    animation: blink2 .5s infinite ease-in-out;
}
@keyframes blink2{
    0%{ opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-verde-whats);}
    50%{opacity: 1;
        box-shadow: 0px 0px 23px 0px var(--cor-verde-whats);}
    100%{opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-verde-whats);}
}

/* DOIS */
.dois{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #989898;
    background: radial-gradient(circle, rgba(152, 152, 152, 1) 0%, rgba(100, 99, 99, 1) 100%);
}
.dois-contensor{
    width: 90%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dois-conteudo{
    width: 100%;
}
.dois-conteudo p:last-of-type{
    margin-bottom: 0px;
}
.dois-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-prata-mais-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;
}
.dois-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 1.1;
}
.dois-box-contensor{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}
.dois-box-1{
    width: 100%;
    padding: 15px;
    background: rgba(18, 18, 18, 1);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.dois-box-2{
    width: 100%;
    padding: 15px;
    background: rgba(18, 18, 18, 0.8);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.dois-box-3{
    width: 100%;
    padding: 15px;
    background: rgba(18, 18, 18, 0.6);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.dois-box-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;
    padding-left: 20px;
    position: relative;
}
.dois-box-p::before{
    color: var(--cor-ouro-claro);
    content: '✓';
    left: 0;
    top: 0;
    position: absolute;
}
.dois-box p:last-of-type{
    margin-bottom: 0px;
}

/* TRES */
.tres{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: linear-gradient(rgba(18, 18, 18, 0.8)),
                url(../FORMULA_DA_PROJECAO_ASTRAL_IMG/BG_01.webp) right center / cover no-repeat;
    background-attachment: fixed;
}
.tres-contensor{
    width: 90%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
}
.tres-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-prata-mais-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;    
}
.tres-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;    
}
.tres-p-2{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 50px;
    font-weight: 400;
    line-height: 1.1;    
}
.tres-contensor-box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
    gap: 70px;
}
.tres-box{
    width: 100%;
    height: auto;
    margin-top: 30px;
    background: var(--cor-prata-mais-claro);
    padding: 15px;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.tres-img{
    width: 100%;
    max-width: 200px;
    height: auto;
    margin-top: -60px;
    margin-bottom: 10px;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
}
.tres-box-p{
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;     
}

/* QUATRO */
.quatro{
    width: 100%;
    padding: 100px 0;
    background: #989898;
    background: radial-gradient(circle, rgba(152, 152, 152, 1) 0%, rgba(100, 99, 99, 1) 100%);
}
.quatro-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.quatro-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-prata-mais-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;     
}
.quatro-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.1;  
}
.quatro-contensor-conteudo{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 80px;
}
.quatro-conteudo{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--cor-prata-mais-claro);
    padding: 0 15px;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.quatro-conteudo-2{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;   
    padding: 0 15px;
    border: 2px solid var(--cor-branco);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.quatro-conteudo-imagem{
    width: 100%;
    margin-top: -50px;
    margin-bottom: 20px;
    text-align: center;
}
.quatro-conteudo-img{
    width: 100%;
    max-width: 200px;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
}
.quatro-conteudo-txt{
    width: 100%;
    text-align: center;
}
.quatro-h3{
    font-family: var(--font-primary);
    font-size: 1.4rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.1;       
}
/* QUATRO B */
.quatro-b{
    width: 100%;
    padding: 100px 0;
    background: var(--cor-branco);
}
.quatro-b-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.quatro-b-h3{
    font-family: var(--font-primary);
    font-size: 1.4rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700;
    line-height: 1.1;      
}
.quatro-b-contensor-2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 50px;
}
.quatro-b-contensor-2-l{
    width: 100%;
}
.quatro-b-contensor-2-r{
    width: 100%;
    padding: 15px;
    background: var(--cor-preto);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.quatro-b-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    font-weight: 400;
    line-height: 1.4;    
}
.quatro-b-contensor-2-l .quatro-b-p:first-of-type{
    margin-bottom: 30px;
}
.quatro-b-p-2{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-prata-mais-claro);
    text-align: left;
    font-weight: 400;
    line-height: 1.4; 
    padding-left: 20px;
    margin-bottom: 20px;    
    position: relative;
}
.quatro-b-contensor-2-r .quatro-b-p-2:last-of-type{
    margin-bottom: 0px;
}
.quatro-b-p-2::before{
    color: var(--cor-ouro-claro);
    content: '✓';
    left: 0;
    top: 0;
    position: absolute;
}
.quatro-b-p-3{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    font-weight: 400;
    line-height: 1.4;    
}
/* QUATRO C*/
.quatro-c{
    width: 100%;
    padding: 100px 0;
    background: #989898;
    background: radial-gradient(circle, rgba(152, 152, 152, 1) 0%, rgba(100, 99, 99, 1) 100%);
}
.quatro-c-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.quatro-c-contensor-l{
    width: 100%;
    background: var(--cor-branco);
    padding: 15px;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.quatro-c-contensor-r{
    width: 100%;
    padding: 15px;
    border: 2px solid var(--cor-branco);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.quatro-c-conteudo{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.quatro-c-conteudo-2{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;    
}
.quatro-c-conteudo-imagem{
    width: 100%;
    margin-top: -50px;
    margin-bottom: 20px;
    text-align: center;    
}
.quatro-c-conteudo-img{
    width: 100%;
    max-width: 200px;
    border-radius: 50%;
    box-shadow: var(--box-shadow);    
}
.quatro-c-conteudo-txt{
    width: 100%;
    text-align: center;    
}
.quatro-c-h3{
    font-family: var(--font-primary);
    font-size: 1.4rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.1;     
}
.quatro-c-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    font-weight: 400;
    line-height: 1.4;       
}

/* CINCO */
.cinco{
    width: 100%;
    height: auto;
    padding: 100px 0;
}
.cinco-contensor{
    width: 90%;
    max-width: 1400px;
    height: auto;
    margin: auto;
}
.cinco-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-ouro-escuro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;         
}
.cinco-contensor-box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.cinco-box{
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    background: var(--cor-preto);
    box-shadow: var(--box-shadow);
}
.cinco-box-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;     
}
.cinco-box-p-4{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;     
}
.cinco-box-2{
    width: 100%;
    padding: 15px;
}
.cinco-box-p-2{
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;  
    padding-left: 25px;
    position: relative;      
}
.cinco-box-p-2::before{
    content: '⊗';
    color: red;
    left: 0;
    top: -2px;
    position: absolute;
}
.cinco-box-p-3{
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;  
    padding-left: 20px;
    position: relative;      
}
.cinco-box-p-3::before{
    content: '✓';
    color: green;
    left: 0;
    top: 0;
    position: absolute;
}

/* SEIS */
.seis{
    width: 100%;
    padding: 100px 0;
    background: #D1A200;
    background: radial-gradient(circle, rgba(209, 162, 0, 1) 0%, rgba(149, 123, 6, 1) 100%);    
}
.seis-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.seis-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 130px;
    font-weight: 900;
    line-height: 1.1;      
}
.seis-h2-sub{
    font-family: var(--font-primary);
    font-size: 1.6rem;
    color: var(--cor-branco);
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}
.seis-contensor-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.seis-contensor-box{
    width: 155px;
    text-align: center;
    margin-bottom: 100px;
}
.seis-contensor-box-c{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    border-bottom: 3px solid var(--cor-prata-escuro);
}
.seis-p{
    font-family: var(--font-primary);
    font-size: 5rem;
    color: rgba(18, 18, 18, 0.7);
    font-weight: 900;
    line-height: 1.1;    
    position: absolute;
    bottom: -7px;   
    left: 10px;
}
.seis-p-2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-branco);
    font-weight: 700;
    line-height: 1.1;  
    position: absolute;
    bottom: 2px;
    left: 45px;    
}
.seis-p-segunda{
    font-family: var(--font-primary);
    font-size: 5rem;
    color: rgba(18, 18, 18, 0.7);
    font-weight: 900;
    line-height: 1.1;    
    position: absolute;
    bottom: -7px;   
    left: 0px;
}
.seis-p-2-segunda{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-branco);
    font-weight: 700;
    line-height: 1.1;  
    position: absolute;
    bottom: 2px;
    right: 0px;    
}
.seis-contensor-box-b{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.seis-p-3{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-preto);
    font-weight: 700;
    line-height: 1.1;  
}
.seis-contensor-2 .seis-contensor-box:last-of-type{
    margin-bottom: 0px;
}
.seis-b{
    width: 100%;
    padding: 100px 0;
    background: #989898;
    background: radial-gradient(circle, rgba(152, 152, 152, 1) 0%, rgba(100, 99, 99, 1) 100%);    
}
.seis-b-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.seis-b-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-prata-mais-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;      
}
.seis-b-contensor-2{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.seis-b-contensor-2-l{
    width: 100%;
}
.seis-b-p{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-branco);
    font-weight: 700;
    line-height: 1.1;      
    text-align: center;
    margin-bottom: 20px;
}
.seis-b-box-1{
    width: 100%;
    padding: 15px;
    border: 2px solid var(--cor-prata-mais-claro);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.seis-b-p-2{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-branco);
    font-weight: 400;
    line-height: 1.1;      
    text-align: left;
    margin-bottom: 20px;
    padding-left: 20px;   
    position: relative;
}
.seis-b-box-1 .seis-b-p-2:last-of-type{
    margin-bottom: 0px;
}
.seis-b-p-2::before{
    content: '✓';
    color: var(--cor-branco);
    left: 0;
    top: 0;
    position: absolute;    
}
.seis-b-contensor-2-c{
    width: 100%;
}
.seis-b-p-3{
    font-family: var(--font-primary);
    font-size: 8rem;
    color: rgba(244, 244, 244, 0.5);
    font-weight: 900;
    line-height: 1.1;      
    text-align: center;
}
.seis-b-contensor-2-r{
    width: 100%;
}
.seis-b-box-2{
    width: 100%;
    padding: 15px;
    background: var(--cor-preto);
    border: 2px solid var(--cor-prata-mais-claro);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.seis-b-p-4{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-branco);
    font-weight: 400;
    line-height: 1.1;      
    text-align: left;
    margin-bottom: 20px;
    padding-left: 25px;   
    position: relative;
}
.seis-b-box-2 .seis-b-p-4:last-of-type{
    margin-bottom: 0px;
}
.seis-b-p-4::before{
    content: '⊗';
    color: red;
    left: 0;
    top: -2px;
    position: absolute;  
}
.seis-c{
    width: 100%;
    padding: 100px 0;
    background: var(--cor-preto);
}
.seis-c-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.seis-c-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-ouro-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;         
}
.seis-c-p{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-branco);
    font-weight: 400;
    line-height: 1.1;      
    text-align: center;
    margin-bottom: 20px;
}
.seis-c-contensor .seis-c-p:last-of-type{
    margin-bottom: 0px;
}

/* SETE */
.sete{
    width: 100%;
    padding: 100px 0;
    background: url(../FORMULA_DA_PROJECAO_ASTRAL_IMG/3.webp) center center / cover no-repeat;
    background-attachment: fixed;
}
.sete-contensor{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.sete-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;       
}
.sete-contensor-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.sete-box{
    width: 100%;
    padding: 15px;
    background: rgba(18, 18, 18, 0.8);
    border-radius: 10px;
}
.sete-h3{
    font-family: var(--font-primary);
    font-size:1.5rem;
    color: var(--cor-ouro-claro);
    text-align: center;
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1.1;       
}
.sete-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: center;
    font-weight: 400;
    line-height: 1.1;     
}
/* OITO */
.oito{
    width: 100%;
    height: auto;
    padding: 100px 0 0 0;
    background: var(--cor-prata-escuro);
}
.oito-contensor{
    width: 90%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
}
.oito-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;       
}
.oito-contensor-2{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 30px;
}
.oito-contensor-box{
    width: 100%;
}
.oito-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 10px;   
}
.oito-contensor-box-2{
    width: 100%;
    display: flex;
    justify-content: center;
}
.oito-img{
    width: 100%;
    max-width: 400px;
}

/* NOVE */
.nove{
    width: 100%;
    padding: 100px 0;
}
.nove-contensor{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.nove-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;     
}
.nove-contensor-videos{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.nove-contensor-videos video{
    width: 100%;
    max-width: 300px;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    box-shadow: var(--box-shadow);
}

/* DEZ */
.dez{
    width: 100%;
    padding: 100px 0;
    background: var(--cor-ouro-claro);
}
.dez-contensor{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px;
    background: var(--cor-preto);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.dez-contensor-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-ouro-claro);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;      
}
.dez-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-branco);
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;  
    position: relative;
    padding-left: 10px;
}
.dez-p::before{
    content: '';
    width: 5px;
    height: 5px;
    left: 0;
    top: 8px;
    background: var(--cor-ouro-claro);
    border-radius: 50%;
    position: absolute;    
}

/* ONZE */
.onze{
    width: 100%;
    padding: 100px 0;
    background: var(--cor-prata-claro);
}
.onze-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
.onze-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-branco);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;     
}
.onze-contensor-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.onze-box{
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid var(--cor-preto);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}
.onze-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 20px;       
}
.onze-p-2{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 20px;  
    padding-left: 20px;
    position: relative;      
}
.onze-p-2::before{
    content: '✓';
    color: green;
    left: 0;
    top: 0;
    position: absolute;       
}
.onze-p-vermelho{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: red;
    font-weight: 700;
    line-height: 1.1;     
    margin-bottom: 20px;    
    position: relative; 
}
.onze-p-vermelho::before{
    content: '';
    width: 100%;
    height: 2px;
    background: var(--cor-preto);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.onze-valor-1{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 10px;       
}
.onze-valor-1-verde{
    font-size: 2.7rem;
    color: green;
    font-weight: 900;
}
.onze-p-3{
    font-family: var(--font-primary);
    font-size: 1.5rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 50px;      
}
.onze-btn{
    font-family: var(--font-primary);
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.4;
    background: green;
    color: var(--cor-branco);
    box-shadow: var(--box-shadow);
    padding: 10px 15px;
    border-radius: 50px;
    max-width: 600px;
    display: flex;
    justify-content: center;
    max-width: 500px;
    margin: auto;    
    animation: blink-2 .5s infinite ease-in-out;
}
@keyframes blink-2{
    0%{ opacity: 1;
        box-shadow: 0px 0px 16px -4px green;}
    50%{opacity: 1;
        box-shadow: 0px 0px 23px 0px green;}
    100%{opacity: 1;
        box-shadow: 0px 0px 16px -4px green;}
}
.onze-box-2{
    width: 100%;
    padding: 30px;
    background: #D1A200;
    background: linear-gradient(0deg, rgba(209, 162, 0, 1) 0%, rgba(137, 112, 4, 1) 100%);
    border-radius: 10px;
    border: 2px solid var(--cor-branco);
    box-shadow: var(--box-shadow);
    text-align: center;
}
.onze-img{
    margin-bottom: 30px;
}
.onze-h3{
    font-family: var(--font-primary);
    font-size:1.3rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 10px;
    font-weight: 900;
    line-height: 1.1;      
}
.onze-p-4{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    font-weight: 400;
    line-height: 1.1;     
    margin-bottom: 20px;      
}
.onze-box-2 .onze-p-4:last-of-type{
    margin-bottom: 0px;
}

/* DOZE */
.doze{
    width: 100%;
    padding: 100px 0;
}
.doze-contensor{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.doze-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1;     
}
.sanfona{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.sanfona-aba{
    background: var(--cor-ouro-claro);
    position: relative;
    padding: 20px 20px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}
.sanfona-pergunta{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 700;
    line-height: 1.1;   
    max-width: 90%;    
}
.sanfona-resposta-p{
    font-family: var(--font-primary);
    font-size: 1.1rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;      
    margin-top: 5px;
}
.sanfona-aba input{
    display: none;
}
.sanfona-aba label{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.sanfona-aba label::after{
    content: '+';
    position: absolute;
    right: 20px;
    font-family: var(--font-primary);
    font-size: 1.6rem;
    color: var(--cor-preto);
    text-align: left;
    font-weight: 400;
    line-height: 1.1;  
    transition: transform 1s;
}
.sanfona-aba:hover label::after{
    color: var(--cor-prata-escuro);
}
.sanfona-aba input:checked ~ label::after{
    transform: rotate(135deg);
}
.sanfona-aba .sanfona-resposta{
    max-height: 0;
    transition: 1s;
    overflow: hidden;
}
.sanfona-aba input:checked ~ .sanfona-resposta{
    max-height: 100vh;
}

/* TREZE */
.treze{
    width: 100%;
    padding: 100px 0;
    background: var(--cor-prata-escuro);
}
.treze-contensor{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.treze-h2{
    font-family: var(--font-primary);
    font-size: 2rem;
    color: var(--cor-preto);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 1.1; 
}
.treze-p{
    font-family: var(--font-primary);
    font-size: 1.2rem;
    color: var(--cor-preto);
    text-align: center;
    font-weight: 400;
    line-height: 1.1;      
    margin-bottom: 30px;
}
.treze-btn{
    font-family: var(--font-primary);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.4;
    max-width: 600px;
    margin: auto;
    display: flex;
    background: #E1E1E1;
    background: linear-gradient(90deg, rgba(225, 225, 225, 1) 0%, rgba(152, 152, 152, 1) 100%);
    color: var(--cor-preto);
    box-shadow: var(--box-shadow);
    padding: 10px 15px;
    border-radius: 50px;    
    animation: blink-3 .5s infinite ease-in-out; 
}
@keyframes blink-3{
    0%{ opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-branco);}
    50%{opacity: 1;
        box-shadow: 0px 0px 23px 0px var(--cor-branco);}
    100%{opacity: 1;
        box-shadow: 0px 0px 16px -4px var(--cor-branco);}
}


@media (min-width: 769px){
/* HERO */
.hero{
    background: url(../FORMULA_DA_PROJECAO_ASTRAL_IMG/HERO_BG_IMG.webp) center center / cover no-repeat,
                radial-gradient(circle, rgba(209, 162, 0, 1) 0%, rgba(149, 123, 6, 1) 100%);
}
.hero-h1{
    font-size: 1.8rem;
}
.hero-contensor-2{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.hero-h2{
    width: 50%;
    font-size: 1.5rem;
    text-align: left;
}
.hero-video{
    width: 50%;
    text-align: center;
}
iframe{
    max-width: 600px;
}
.hero-contensor-3{
    flex-direction: row;
    justify-content: space-between;
    gap: 100px;
}
.hero-contensor-3-btn{
    width: 50%;
}
.hero-p{
    font-size: 1.3rem;
}
.hero-contensor-whats{
    width: 50%;
}


/* DOIS */
.dois-conteudo{
    width: 100%;
}
.dois-h2{
    text-align: center;
}
.dois-p{
    text-align: center;
}
.dois-box-contensor{
    flex-direction: row;
}

/* TRES */
.tres-contensor-box{
    flex-direction: row;
    align-items: flex-start;
}

/* QUATRO */
.quatro-contensor-conteudo{
    flex-direction: row;
}
.quatro-b-contensor-2{
    flex-direction: row;
    align-items: center;
}
.quatro-b-contensor-2-l{
    width: 50%;
}
.quatro-b-contensor-2-r{
    width: 50%;
}
.quatro-b-p{
    text-align: left;  
}
.quatro-c-contensor{
    width: 90%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    flex-direction: row;
}

/* CINCO */
.cinco-contensor-box{
    flex-direction: row;
}
.cinco-box{
    width: 50%;
}
.cinco-box-2{
    width: 50%;
}

/* SEIS */
.seis-contensor-box{
    margin-bottom: 0px;
}
/* SEIS B */
.seis-b-contensor-2{
    flex-direction: row;
    align-items: center;
}
.seis-b-contensor-2-l{
    width: 40%;
}
.seis-b-contensor-2-c{
    width: 20%;
}
.seis-b-contensor-2-r{
    width: 40%;
}

/* SETE */
.sete-contensor-box{
    flex-direction: row;
}
.sete-box{
    width: 25%;
}
.sete-h3{
    text-align: left; 
}
.sete-p{
    text-align: left;  
}

/* OITO */
.oito-contensor-2{
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.oito-contensor-box{
    width: 50%;
}
.oito-contensor-box-2{
    width: 50%;
}
.oito-p{
    text-align: left;
}

/* ONZE */
.onze-contensor-box{
    flex-direction: row;
    align-items: center;
    gap: 50px
}
}