:root{
    --font-title: "Playfair", serif;
    --font-body: "Pontano Sans", sans-serif;
    --color-black: #000;
    --color-white: #fff;
    --color-orange: #FF7A00;
    --color-beige: #EEBE7C;
    --color-title: #E6C3A2;
    --color-dark: #050505;
    --color-mobile-dark: #1a0d08;
    --color-card: #F9EFDF;
    --color-light-bg: #f7dfab;
    --color-border: #C1740D;
    --color-cta: #a76d12;
    --color-cta-hover: #8f5a08;
    --color-footer: #e7c7ad;
    --color-footer-bg: #34411f;
}

*,
*::before,
*::after{
    box-sizing: border-box;
}

body{
    background-color: var(--color-black);
    background-image: none;
    overflow-x: hidden;
    font-family: var(--font-body);
    line-height: 1.5;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5{
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h5{
    font-size: 1.25rem;
}

p,
ul{
    margin-top: 0;
    margin-bottom: 1rem;
}

html{
    overflow-x: hidden;
}

img{
    max-width: 100%;
}

main,
.s2,
.s3,
.s4{
    overflow: hidden;
    background-color: var(--color-dark);
    background-size: cover;
}

main{
    position: relative;
    background-image: url(../img/mentorias/fundoS1.png);
    background-position: right top;
    color: var(--color-white);
    min-height: 150vh;
}

.imagemCapaMentoria{
    display: none;
}

a{
    text-decoration: none;
    color: var(--color-white);
}

.seloMentoria{
    position: absolute;
    top: 5px;
    right: 45px;
    width: 255px;
    height: auto;
    z-index: 2;
}

p{
    font-family: var(--font-body);
    font-size: 25px;
}

h1,
h2{
    font-family: var(--font-title);
}

.colorBegeClaro{
    color: var(--color-beige);
}

.colorLaranja{
    color: var(--color-orange);
}

.conteudoCapa{
    display: flex;
    flex-direction: column;
    width: 50vw;
    gap: 20px;
    margin: 20px 0 0 90px;
    align-items: flex-start;
    justify-content: flex-start;
}

main h1{
    text-transform: uppercase;
    font-family: var(--font-title);
    color: var(--color-title);
    font-weight: bold;
    font-size: 90px;
    max-width: 650px;
    line-height: 10px;
    margin-top: 30px;
}

.tituloMentoria{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 15px;
}

.tituloMentoria img{
    width: 175px;
    min-height: 3px;
    height: auto;
    display: block;
}

main h2{
    color: var(--color-title);
    font-size: 30px;
    margin: 0;
    font-family: var(--font-title);
    text-transform: uppercase;
    letter-spacing: 5px;
}

main h1 span.vA{
    font-size: 70px;
    line-height: 200px;
}
main h1 span.morte{
    font-size: 180px;
}

main p.mainSubtitulo{
    font-size: 30px;
}

main p{
    max-width: 600px;
}

.caixaMainIcones, .conteudoS2, .listaConteudoS2, .conteudoRodapeS2, .modulosS3, .itensS4, .rodapeS4{
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 30px;
}

.conteudoMainIcones{
    max-width: 200px;
}

.conteudoMainIcones, .tituloS2, .textoConteudoS2, .boxS2, .chamadaS3, .chamadaS4, .boxS3, .boxS4{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.conteudoMainIcones img{
    width: 80px;
}
.conteudoMainIcones p{
    font-size: 16px;
    max-width: 200px;
    text-align: center;
}

.conteudoMainIcones h3{
    text-align: center;
}

/* Sessão 2 */
.s2{
    background-image: url(../img/mentorias/fundoS2.png);
    background-position: right top;
    padding: 2rem 0;
}


.tituloS2 h2, .tituloS2 h3{
 max-width: 450px;
}

.tituloS2{
    font-family: var(--font-title);
    gap: 30px;
}

.tituloS2 h2{
    color: var(--color-white);
    font-size: 50px;
}
.tituloS2 h3{
    color: var(--color-beige);
    font-weight: bold;
    font-size: 40px;
}

.textoConteudoS2{
    justify-content: start;
    align-items: start;
    gap: 20px;
}

.textoConteudoS2 h4{
   font-size: 30px;
   color: var(--color-white);
   max-width: 550px;
}

.textoConteudoS2 h4.colorBegeClaro{
    color: var(--color-beige);
}

.listaConteudoS2 ul li{
    color: var(--color-white);
    padding: 20px 0;
}

.listaConteudoS2 ul li::marker{
    color: var(--color-beige);
}

.boxS2, .boxS3, .boxS4{
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    min-height: 184px;
    border: 3px solid var(--color-orange);
    background-color: var(--color-card);
    gap: 20px;
    color: var(--color-black);
    justify-content: start;
    align-items: center;
    margin-top: 50px;
    border-radius: 10px;
}

.boxS2 img, .boxS3 img, .boxS4 img{
    padding-top: 20px;
}

.boxS2 h5{
    max-width: 220px;
    text-align: center;
    line-height: 1.2;
}

.rodapeS2, .rodapeS4{
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    min-height: 124px;
    margin-top: 80px;
}

.conteudoRodapeS2{
    color: var(--color-white);
    min-height: 124px;
    align-items: center;
}

.conteudoRodapeS2 h5{
    font-family: var(--font-title);
    font-size: 40px;
    line-height: 1.2;
    margin: 0;
}

/* Sessão 3 */
.s3{
    background-image: url(../img/mentorias/fundoS3.png);
    background-position: right top;
    min-height: 150vh;
    padding: 2rem 0 1rem 0;
}

.s3 h2, .s3 p{
    color: var(--color-white);
}

.s3 h2{
    font-size: 60px;
    max-width: 750px;
}

.s3 p{
    max-width: 700px;
}

.chamadaS3{
    justify-content: start;
    align-items: start;
    gap: 30px;
    padding: 30px 0 20px 30px;
}

.modulosS3{
    padding: 5px 0;
}

.boxS3{
    min-width: 250px;
    min-height: 350px;
    align-items: center;
    gap: 20px;
    margin-top: 0px;
}

.boxS3 h3, .boxS3 p{
    font-size: 16px;
    color: var(--color-orange);
    text-align: center;
}

.boxS3 h4, .boxS4 h3{
    font-size: 20px;
    text-align: center;
    max-width: 200px;
}

.boxS3 p, .boxS4 p{
    color: var(--color-black);
    max-width: 230px;
}

/* Sessão 4 */

.s4{
    background-image: url(../img/mentorias/fundoS4.png);
    background-position: center top;
    padding: 2rem 0 1rem 0;
}

.chamadaS4{
    max-width: 800px;
    margin: 70px 0;
    gap: 30px;
}

.s4 h2{
    color: var(--color-black);
    font-size: 60px;
    max-width: 800px;
    text-align: center;
}

.s4 p{
    font-size: 16px;
    text-align: center;
    max-width: 500px;
}

.s4 .colorLaranja{
    color: var(--color-white);
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.s4 .boxS4 h3{
    color: var(--color-orange);
    text-shadow: none;
}

.boxS4{
    min-width: 205px;
    min-height: 375px;
    align-items: center;
    gap: 20px;
}

.itensS4{
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.itensS4 .boxS4{
    flex: 0 0 205px;
    width: 205px;
    min-width: 205px;
    max-width: 205px;
}

.boxS4 p{
    max-width: 180px;
}

.rodapeS4{
    background-color: var(--color-black);
    border: 1px solid var(--color-orange);
    width: 60vw;
    align-items: center;
    margin-top: 5vh;
}
.rodapeS4:hover{
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
}

.rodapeS4 a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 30px;
    padding: 30px 50px;
    text-align: center;
}
.rodapeS4:hover a{
    color: var(--color-black);
}

/* Sessão 5 */
.s5{
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 24%),
        linear-gradient(135deg, #FEFBEB 0%, #F8E4B5 42%, var(--color-beige) 100%);
    background-position: center top;
    background-size: cover;
    padding: 5rem 3vw 3rem 3vw;
    min-height: 100vh;
    color: var(--color-black);
}

.topoS5{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
    max-width: 1200px;
    margin: 0 auto 3rem auto;
}

.chamadaS5{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 560px;
    text-align: center;
    gap: 1rem;
}

.chamadaS5 h2{
    font-family: var(--font-title);
    font-size: 50px;
    line-height: 1.08;
    color: var(--color-black);
    margin: 0;
}

.chamadaS5 h2 span{
    display: block;
    font-weight: 400;
}

.chamadaS5 img{
    width: min(520px, 100%);
}

.chamadaS5 p{
    max-width: 430px;
    font-size: 16px;
    line-height: 1.35;
    margin: 0;
}

.escudoS5{
    position: relative;
    width: 355px;
    min-width: 355px;
    height: 385px;
    margin-right: 9vw;
    margin-top: -84px;
}

.escudoS5Interior{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.escudoS5Interior img{
    width: 170%;
    height: auto;
    transform: translateY(18px);
    filter: drop-shadow(0 10px 15px rgba(150, 81, 3, 0.28));
}

.conteudoS5{
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 250px minmax(260px, 1fr);
    align-items: center;
    gap: 1.8rem;
    max-width: 1200px;
    margin: 0 auto;
}

.colunaS5{
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.boxS5{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 110px;
    padding: 1.1rem 1.4rem 1.1rem 5.7rem;
    border: 1px solid rgba(193, 116, 13, 0.58);
    border-radius: 20px 6px 20px 6px;
    background: rgba(255, 248, 230, 0.72);
    box-shadow: 0 8px 25px rgba(136, 76, 0, 0.1);
}

.boxS5Esquerda{
    padding: 1.1rem 1.4rem 1.1rem 5.7rem;
}

.iconeS5{
    position: absolute;
    left: 1.3rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #d8952f;
    background: radial-gradient(circle, #fff9e9 0%, var(--color-light-bg) 62%, #c1740d 100%);
    box-shadow: 0 4px 12px rgba(117, 65, 0, 0.18);
    --icone-s5-x: 0px;
    --icone-s5-y: 0px;
    --icone-s5-scale: 1;
}

.iconeS5 img{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58px;
    height: 58px;
    object-fit: contain;
    transform: translate(calc(-50% + var(--icone-s5-x)), calc(-50% + var(--icone-s5-y))) scale(var(--icone-s5-scale));
    transform-origin: center;
}

.iconeS5Grande{
    --icone-s5-scale: 2.25;
}

.iconeS5Item1,
.iconeS5Item2,
.iconeS5Item3,
.iconeS5Item6{
    --icone-s5-y: 1px;
}

.iconeS5Item4{
    --icone-s5-x: -1px;
    --icone-s5-y: -1px;
}

.iconeS5Item5{
    --icone-s5-x: -1px;
    --icone-s5-y: -1px;
}

.boxS5 h3{
    color: var(--color-orange);
    font-family: var(--font-title);
    font-size: 18px;
    margin: 0 0 0.35rem 0;
}

.boxS5 p{
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
    max-width: none;
}

.centroS5{
    position: relative;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(193, 116, 13, 0.45);
    border-radius: 50%;
}

.centroS5::before,
.centroS5::after{
    content: "";
    position: absolute;
    inset: 50%;
    width: 330px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(193, 116, 13, 0.65), transparent);
    transform-origin: center;
}

.centroS5::before{
    transform: translate(-50%, -50%) rotate(38deg);
}

.centroS5::after{
    transform: translate(-50%, -50%) rotate(-38deg);
}

.seloCentralS5{
    position: absolute;
    inset: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border: 4px solid #fff1c9;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 25%, #f8d879 0%, #b66d08 44%, #4f2c03 100%);
    box-shadow: 0 10px 22px rgba(99, 48, 0, 0.25);
    transform: translate(-50%, -50%);
}

.seloCentralS5 img{
    width: 252px;
    height: 252px;
    object-fit: contain;
    transform: scale(4);
}

.pontoS5{
    position: absolute;
    z-index: 3;
    width: 15px;
    height: 15px;
    border: 2px solid #f8df9a;
    border-radius: 50%;
    background: #b56a08;
    box-shadow: 0 2px 6px rgba(117, 65, 0, 0.22);
}

.pontoS5TopoEsquerda{
    top: 28%;
    left: 12%;
}

.pontoS5TopoDireita{
    top: 28%;
    right: 12%;
}

.pontoS5MeioEsquerda{
    top: 58%;
    left: -7px;
}

.pontoS5MeioDireita{
    top: 58%;
    right: -7px;
}

.rodapeS5{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    max-width: 1200px;
    min-height: 96px;
    margin: 1.5rem auto 0 auto;
    padding: 0.75rem 2rem;
    border: 1px solid rgba(193, 116, 13, 0.55);
    border-radius: 10px;
    background: rgba(255, 248, 230, 0.62);
}

.rodapeS5 img{
    width: 76px;
    height: 76px;
    object-fit: contain;
    transform: scale(4);
}

.rodapeS5 span{
    width: 1px;
    align-self: stretch;
    background: linear-gradient(transparent, rgba(193, 116, 13, 0.42), transparent);
}

.rodapeS5 h3{
    font-family: var(--font-title);
    font-size: 24px;
    text-align: center;
    margin: 0 0 0.4rem 0;
}

.rodapeS5 p{
    color: var(--color-orange);
    font-family: var(--font-title);
    font-size: 28px;
    text-align: center;
    margin: 0;
    max-width: none;
}

/* SESSÃO 6 */
.s6{
    overflow: hidden;
    background-image: url(../img/mentorias/fundoS6.png);
    background-color: var(--color-light-bg);
    background-position: center top;
    background-size: cover;
    padding: 3rem 3vw 2.5rem 3vw;
    min-height: auto;
    color: var(--color-black);
}

.chamadaS6{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
    max-width: 620px;
    margin: 0 auto 2rem auto;
}

.chamadaS6 h2{
    color: var(--color-black);
    font-family: var(--font-title);
    font-size: 54px;
    line-height: 1.03;
    margin: 0;
}

.chamadaS6 h2 span{
    display: block;
    font-weight: 400;
}

.chamadaS6 img{
    width: min(520px, 100%);
}

.chamadaS6 p{
    font-size: 15px;
    line-height: 1.35;
    max-width: 430px;
    margin: 0;
}

.conteudoS6{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
    max-width: 1050px;
    margin: 0 auto;
}

.linhaBoxesS6{
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 1.4rem;
    width: 100%;
}

.boxS6{
    display: flex;
    align-items: center;
    gap: 1.4rem;
    min-height: 125px;
    padding: 1rem 1.5rem;
    border: 1px solid var(--color-orange);
    border-radius: 8px;
    background: rgba(255, 248, 230, 0.72);
    box-shadow: 0 10px 28px rgba(136, 76, 0, 0.08);
}

.boxS6 img{
    width: 82px;
    min-width: 82px;
    height: 82px;
    object-fit: contain;
}

.boxS6 h3{
    color: var(--color-orange);
    font-family: var(--font-title);
    font-size: 18px;
    margin: 0 0 0.45rem 0;
}

.boxS6 p{
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
    max-width: 340px;
}

.boxS6Centro{
    width: min(520px, 100%);
}

/* Sessão 7 */

.s7{
    overflow: hidden;
    background-image: url(../img/mentorias/fundoS7.png);
    background-color: var(--color-light-bg);
    background-position: center top;
    background-size: cover;
    padding: 2rem 3vw 3rem 3vw;
    min-height: 100vh;
    color: var(--color-black);
}

.imgS7Mobile{
    display: none;
}

.conteudoS7{
    display: flex;
    align-items: flex-start;
    max-width: 1180px;
    margin: 0 auto;
}

.textoS7{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: min(640px, 58vw);
}

.textoS7 h2{
    color: var(--color-black);
    font-family: var(--font-title);
    font-size: 50px;
    line-height: 1.08;
    margin: 0;
}

.textoS7 h2 span{
    display: block;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.textoS7 > img{
    width: min(620px, 100%);
    margin: 1.5rem 0 1.8rem 0;
}

.textoS7 > p{
    font-size: 17px;
    line-height: 1.25;
    max-width: 620px;
    margin: 0 0 1.5rem 0;
}

.listaS7{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.6rem;
}

.itemS7{
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.itemS7 img{
    width: 66px;
    min-width: 66px;
    height: 66px;
    object-fit: contain;
}

.itemS7 p{
    font-size: 17px;
    line-height: 1.25;
    max-width: 585px;
    margin: 0;
}

.cardsS7{
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 1.2rem;
    width: min(620px, 100%);
    padding-left: 0.5rem;
}

.cardS7{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 190px;
    padding: 1rem 1rem 0.9rem 1rem;
    border: 1px solid var(--color-orange);
    border-radius: 8px;
    background: rgba(255, 248, 230, 0.78);
    text-align: center;
    box-shadow: 0 10px 28px rgba(136, 76, 0, 0.08);
}

.cardS7 img{
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin-bottom: 0.75rem;
}

.cardS7 h3{
    color: var(--color-orange);
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.15;
    min-height: 38px;
    margin: 0 0 0.6rem 0;
}

.cardS7 p{
    font-size: 12px;
    line-height: 1.35;
    max-width: 150px;
    margin: 0;
}

/* Sessão 8 */

.s8{
    position: relative;
    overflow: hidden;
    background-image: url(../img/mentorias/fundoS8.png);
    background-color: var(--color-light-bg);
    background-position: center -80px;
    background-size: cover;
    padding: 3rem 3vw 2.2rem 3vw;
    min-height: 130vh;
    color: var(--color-black);
}

.chamadaS8{
    text-align: center;
    margin: 0 auto 1.5rem auto;
}

.chamadaS8 h2{
    color: var(--color-black);
    font-family: var(--font-title);
    font-size: 52px;
    line-height: 1.05;
    margin: 0;
}

.chamadaS8 h2 span{
    display: block;
    font-weight: 400;
}

.conteudoS8{
    display: block;
    max-width: 1180px;
    margin: 0 auto;
}

.listaInvestimentoS8{
    display: block;
}

.listaS8{
    width: min(500px, 100%);
    padding: 1.4rem 2.1rem;
    margin: 4rem 0 0 auto;
    border: 1px solid var(--color-orange);
    border-radius: 20px 6px 20px 6px;
    background: rgba(255, 248, 230, 0.46);
    list-style: none;
}

.listaS8 li{
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 55px;
    border-bottom: 1px solid rgba(124, 132, 28, 0.8);
    font-family: var(--font-title);
    font-size: 23px;
}

.listaS8 li:last-child{
    border-bottom: 0;
}

.listaS8 img{
    width: 26px;
    min-width: 26px;
    height: 26px;
    object-fit: contain;
}

.compraS8{
    width: min(720px, 100%);
    margin: 6.5rem auto 0 auto;
    border-radius: 8px;
}

.botaoS8{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    width: 100%;
    padding: 1.7rem 2rem;
    border: 1px solid #4b2c04;
    border-radius: 7px 7px 3px 3px;
    background: var(--color-cta);
    color: var(--color-white);
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    box-shadow: 0 8px 20px rgba(99, 48, 0, 0.2);
}

.botaoS8:hover{
    color: var(--color-white);
    background: var(--color-cta-hover);
}

.botaoS8 img{
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.precoS8{
    display: grid;
    grid-template-columns: 1fr 1.2fr 0.7fr;
    align-items: center;
    min-height: 105px;
    padding: 0 2rem;
    border: 1px solid rgba(130, 77, 12, 0.45);
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background: rgba(255, 248, 230, 0.64);
}

.precoS8 h3{
    color: var(--color-cta);
    font-family: var(--font-title);
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.precoS8 strong{
    display: block;
    border-left: 1px solid rgba(196, 124, 32, 0.32);
    border-right: 1px solid rgba(196, 124, 32, 0.32);
    color: var(--color-black);
    font-family: var(--font-body);
    font-size: 56px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}

.precoS8 p{
    color: var(--color-cta);
    font-size: 12px;
    line-height: 1.1;
    margin: 0;
    text-align: center;
}

.precoS8 p span{
    display: block;
    font-size: 18px;
}

.fraseS8{
    max-width: 520px;
    margin: 2.4rem auto 0 auto;
    font-family: var(--font-title);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.18;
    text-align: center;
}

/* footer */

footer{
    background-image: url(../img/assetsRodape/fundoRodape.png);
    background-color: var(--color-footer-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--color-footer);
    padding: 2.2rem 1rem 0 1rem;
}

.rodapeMentoria{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.35rem;
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.logoRodapeMentoria{
    width: 200px;
    height: auto;
    margin-top: 1.4rem;
}

.rodapeMentoria h2{
    color: var(--color-footer);
    font-family: var(--font-title);
    font-size: 34px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
}

.linhaRodapeMentoria{
    width: min(480px, 100%);
    height: 2px;
    object-fit: cover;
    opacity: 0.75;
}

.menuRodapeMentoria{
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin: 0;
}

.menuRodapeMentoria span{
    color: var(--color-footer);
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
}

.redesRodapeMentoria{
    display: flex;
    justify-content: center;
    gap: 3.5rem;
    margin-top: 0;
}

.redesRodapeMentoria a{
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--color-footer);
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 20px;
}

.redesRodapeMentoria img{
    width: 26px;
    height: 26px;
    object-fit: contain;
}

footer .direitosReservados{
    color: var(--color-footer);
    font-family: var(--font-body);
    font-size: 14px;
    padding: 2.2rem 0 1.2rem 0;
    text-align: center;
}

footer .direitosReservados a{
    color: var(--color-white);
    font-size: 14px;
}

@media (min-width: 1440px){
    .conteudoCapa,
    .chamadaS3,
    .chamadaS4,
    .topoS5,
    .conteudoS5,
    .conteudoS6,
    .conteudoS7,
    .conteudoS8{
        max-width: 1320px;
    }

    .s8{
        min-height: 118vh;
    }
}

@media (max-width: 1240px){
    main{
        min-height: auto;
        padding-bottom: 3rem;
    }

    .conteudoCapa{
        width: min(700px, 58vw);
        margin-left: 5vw;
    }

    main h1{
        font-size: 74px;
    }

    main h1 span.vA{
        font-size: 58px;
        line-height: 155px;
    }

    main h1 span.morte{
        font-size: 145px;
    }

    .caixaMainIcones,
    .conteudoS2,
    .modulosS3,
    .itensS4{
        flex-wrap: wrap;
    }

    .boxS2,
    .boxS3{
        flex: 1 1 220px;
    }

    .boxS4{
        flex: 1 1 230px;
    }

    .s3{
        min-height: auto;
    }

    .chamadaS4{
        margin-left: auto;
        margin-right: auto;
        padding: 0 1rem;
    }
}


@media (max-width: 1100px){
    p{
        font-size: 20px;
    }

    main{
        background-position: center top;
    }

    .seloMentoria{
        width: 185px;
        right: 24px;
    }

    .conteudoCapa{
        width: min(680px, 70vw);
        margin-left: 4vw;
    }

    main h1{
        font-size: 62px;
        line-height: 0.2;
    }

    main h1 span.vA{
        font-size: 48px;
        line-height: 128px;
    }

    main h1 span.morte{
        font-size: 118px;
    }

    .tituloMentoria img{
        width: 120px;
    }

    .conteudoS2{
        padding: 0 1.5rem;
    }

    .tituloS2 h2{
        font-size: 42px;
    }

    .tituloS2 h3{
        font-size: 34px;
    }

    .textoConteudoS2 h4{
        font-size: 24px;
    }

    .s3 h2,
    .s4 h2{
        font-size: 48px;
    }

    .modulosS3,
    .itensS4{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .rodapeS2,
    .rodapeS4{
        width: calc(100% - 2rem);
        margin-left: 1rem;
    }

    .rodapeS4{
        justify-content: center;
    }

    .rodapeS4 a{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        text-align: center;
        font-size: 24px;
        padding: 24px 28px;
    }

    .topoS5{
        align-items: center;
        gap: 2rem;
    }

    .escudoS5{
        margin-right: 0;
        width: 210px;
        min-width: 210px;
        height: 250px;
    }

    .conteudoS5{
        grid-template-columns: 1fr;
    }

    .centroS5{
        order: -1;
        justify-self: center;
        width: 190px;
        height: 190px;
        margin-bottom: 1rem;
    }

    .seloCentralS5 img{
        width: 190px;
        height: 190px;
        transform: scale(1.8);
    }

    .rodapeS5 img{
        transform: scale(2);
    }

    .centroS5::before,
    .centroS5::after,
    .pontoS5{
        display: none;
    }

    .s7{
        background-position: right top;
    }

    .textoS7{
        width: min(610px, 64vw);
    }

    .textoS7 h2{
        font-size: 42px;
    }

    .textoS7 > p,
    .itemS7 p{
        font-size: 15px;
    }

    .compraS8{
        margin-top: 3.2rem;
    }
}

@media (max-width: 900px){
    main{
        background-image: none;
        background-color: var(--color-mobile-dark);
        padding-top: 0;
    }

    main::before{
        content: "";
        position: absolute;
        inset: 0;
        background-image: url(../img/mentorias/fundoS1Mobile.png);
        background-position: -150px bottom;
        background-size: cover;
        transform: none;
        z-index: 0;
    }

    main > *{
        position: relative;
        z-index: 1;
    }

    .imagemCapaMentoria{
        display: block;
        width: max(100vw, min(980px, 150vw));
        max-width: none;
        margin: 0 50% 1.5rem 50%;
        transform: translateX(-50%);
    }

    .seloMentoria{
        position: absolute;
        display: block;
        top: 1rem;
        right: 1rem;
        width: 160px;
        margin: 0;
    }

    .conteudoCapa{
        width: min(720px, calc(100% - 2rem));
        margin: -7rem auto 0 auto;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    main p{
        max-width: 720px;
    }

    .caixaMainIcones{
        width: 100%;
    }

    .conteudoS2{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .s2 > .conteudoS2:nth-of-type(2){
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        width: min(760px, 100%);
        margin: 0 auto;
    }

    .s2 > .conteudoS2:nth-of-type(2) .boxS2{
        width: 100%;
        max-width: none;
        min-width: 0;
        margin-top: 0;
    }

    .s2 > .conteudoS2:nth-of-type(2) .boxS2:last-child{
        grid-column: 1 / -1;
        justify-self: center;
        width: calc(50% - 15px);
    }

    .textoConteudoS2{
        align-items: center;
    }

    .listaConteudoS2{
        flex-wrap: wrap;
        text-align: left;
    }

    .conteudoRodapeS2{
        padding: 1rem;
        text-align: center;
    }

    .conteudoRodapeS2 h5{
        font-size: 30px;
    }

    .chamadaS3{
        align-items: center;
        text-align: center;
        padding: 2rem 1rem;
    }

    .chamadaS3 img{
        max-width: min(520px, 100%);
    }

    .boxS3{
        max-width: none;
    }

    .modulosS3{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 1.25rem;
        width: min(760px, 100%);
        margin: 0 auto;
    }

    .modulosS3 + .modulosS3{
        margin-top: 1.25rem;
    }

    .modulosS3 .boxS3{
        width: 100%;
        min-width: 0;
        min-height: 355px;
        margin-top: 0;
    }

    .chamadaS4{
        margin: 3rem auto;
    }

    .s7{
        min-height: auto;
        padding-top: 0;
        padding-bottom: 2rem;
        background-image: linear-gradient(rgba(254, 251, 235, 0.92), rgba(247, 223, 171, 0.96));
        background-position: center top;
    }

    .imgS7Mobile{
        display: block;
        width: 100vw;
        max-width: none;
        margin: 0 50% 1.25rem 50%;
        transform: translateX(-50%);
    }

    .textoS7{
        width: min(640px, calc(100% - 2rem));
        margin: 0 auto;
    }

    .textoS7 h2{
        font-size: 36px;
    }

    .textoS7 > p,
    .itemS7 p{
        font-size: 14px;
    }

    .itemS7{
        gap: 0.8rem;
    }

    .itemS7 img{
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    .cardsS7{
        width: min(620px, 100%);
        gap: 0.8rem;
    }

    .cardS7{
        min-height: 165px;
        padding: 0.8rem 0.6rem;
    }

    .cardS7 p{
        font-size: 11px;
    }

    .s8{
        background-position: center top;
        min-height: auto;
    }

    .listaS8{
        margin: 2rem auto 0 auto;
    }
}

@media (max-width: 760px){
    p{
        font-size: 17px;
    }

    main{
        padding: 0 1rem 2.5rem 1rem;
    }

    .imagemCapaMentoria{
        width: 145vw;
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .seloMentoria{
        width: 130px;
    }

    .conteudoCapa{
        width: 100%;
        gap: 1rem;
        margin-top: -6.6rem;
    }

    .conteudoCapa > img:first-child{
        max-width: 390px;
    }

    .tituloMentoria{
        gap: 0.8rem;
    }

    .tituloMentoria img{
        width: 74px;
    }

    main h2{
        font-size: 20px;
        letter-spacing: 3px;
    }

    main h1{
        font-size: clamp(42px, 12vw, 62px);
        line-height: 0.2;
        max-width: 100%;
    }

    main h1 span.vA{
        font-size: clamp(34px, 10vw, 46px);
        line-height: 98px;
    }

    main h1 span.morte{
        font-size: clamp(78px, 22vw, 112px);
    }

    main p.mainSubtitulo{
        font-size: 22px;
    }

    .caixaMainIcones{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .caixaMainIcones > img{
        display: none;
    }

    .conteudoMainIcones{
        max-width: none;
        width: 100%;
    }

    .conteudoMainIcones img{
        width: 64px;
    }

    .s2,
    .s3,
    .s4{
        padding: 3rem 1rem 2rem 1rem;
    }

    .conteudoS2{
        padding: 0;
    }

    .tituloS2 h2{
        font-size: 34px;
    }

    .tituloS2 h3{
        font-size: 28px;
    }

    .textoConteudoS2 h4{
        font-size: 21px;
    }

    .listaConteudoS2{
        flex-direction: column;
        gap: 0;
    }

    .listaConteudoS2 ul{
        margin-bottom: 0;
    }

    .listaConteudoS2 ul li{
        padding: 0.55rem 0;
    }

    .boxS2,
    .boxS3,
    .boxS4{
        width: 100%;
        max-width: 360px;
        min-width: 0;
    }

    .itensS4 .boxS4{
        flex: 0 1 360px;
        width: 100%;
        max-width: 360px;
        min-width: 0;
    }

    .conteudoRodapeS2{
        flex-direction: column;
        gap: 0.8rem;
    }

    .conteudoRodapeS2 img{
        width: 82px;
    }

    .conteudoRodapeS2 h5{
        font-size: 24px;
    }

    .s3 h2,
    .s4 h2{
        font-size: 36px;
    }

    .s3 p,
    .s4 p{
        font-size: 15px;
    }

    .modulosS3,
    .itensS4{
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .modulosS3{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 1.25rem;
    }

    .modulosS3 + .modulosS3{
        margin-top: 1.25rem;
    }

    .boxS3,
    .boxS4{
        min-height: auto;
        padding: 1rem;
    }

    .modulosS3 .boxS3{
        max-width: none;
        min-height: 430px;
        height: 100%;
    }

    .itensS4{
        gap: 0.65rem;
    }

    .rodapeS4 a{
        flex-wrap: nowrap;
        font-size: 17px;
        line-height: 1.2;
        padding: 1rem 0.85rem;
    }

    .rodapeS4 a img{
        flex: 0 0 auto;
        width: 34px;
        max-width: 34px;
    }

    .s5{
        padding: 3rem 1rem 2rem 1rem;
    }

    .topoS5{
        flex-direction: column;
    }

    .chamadaS5 h2{
        font-size: 38px;
    }

    .escudoS5{
        display: none;
    }

    .boxS5{
        min-height: auto;
        padding: 1rem 1rem 1rem 4.8rem;
    }

    .iconeS5{
        left: 1rem;
        width: 50px;
        height: 50px;
    }

    .iconeS5 img{
        width: 50px;
        height: 50px;
    }

    .iconeS5Grande img{
        transform: translate(calc(-50% + var(--icone-s5-x)), calc(-50% + var(--icone-s5-y))) scale(1.9);
    }

    .rodapeS5{
        align-items: flex-start;
        padding: 1rem;
    }

    .rodapeS5 img,
    .rodapeS5 span{
        display: none;
    }

    .rodapeS5 h3{
        font-size: 20px;
    }

    .rodapeS5 p{
        font-size: 24px;
    }

    .s6{
        padding: 2.5rem 1rem 2rem 1rem;
    }

    .chamadaS6 h2{
        font-size: 38px;
    }

    .linhaBoxesS6{
        grid-template-columns: 1fr;
    }

    .boxS6,
    .boxS6Centro{
        width: 100%;
    }

    .boxS6{
        align-items: flex-start;
        padding: 1rem;
        gap: 1rem;
    }

    .boxS6 img{
        width: 68px;
        min-width: 68px;
        height: 68px;
    }

    .s7{
        padding: 0 1rem 2rem 1rem;
        background-image: linear-gradient(rgba(254, 251, 235, 0.92), rgba(247, 223, 171, 0.96));
        background-position: center top;
    }

    .imgS7Mobile{
        width: 100vw;
        max-width: none;
        margin-top: 0;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .textoS7{
        width: 100%;
    }

    .textoS7 h2{
        font-size: 36px;
    }

    .itemS7{
        align-items: flex-start;
    }

    .itemS7 img{
        width: 54px;
        min-width: 54px;
        height: 54px;
    }

    .cardsS7{
        grid-template-columns: 1fr;
        padding-left: 0;
    }

    .cardS7{
        min-height: auto;
    }

    .s8{
        padding: 3rem 1rem 2rem 1rem;
        background-position: center top;
    }

    .chamadaS8 h2{
        font-size: 38px;
    }

    .listaS8{
        padding: 1rem;
    }

    .listaS8 li{
        font-size: 18px;
        min-height: 48px;
    }

    .botaoS8{
        padding: 1.2rem;
        font-size: 15px;
    }

    .precoS8{
        grid-template-columns: 1fr;
        gap: 0.8rem;
        padding: 1rem;
    }

    .precoS8 strong{
        border-left: 0;
        border-right: 0;
        font-size: 44px;
    }

    .fraseS8{
        font-size: 21px;
    }

    .logoRodapeMentoria{
        width: 128px;
    }

    .rodapeMentoria h2{
        font-size: 26px;
    }

    .menuRodapeMentoria,
    .redesRodapeMentoria{
        flex-wrap: wrap;
        gap: 1rem 1.8rem;
    }

    .menuRodapeMentoria span,
    .redesRodapeMentoria a{
        font-size: 16px;
    }

    footer .direitosReservados,
    footer .direitosReservados a{
        font-size: 12px;
    }
}

@media (max-width: 520px){
    main{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .seloMentoria{
        width: 112px;
    }

    .conteudoCapa > img:first-child{
        max-width: 340px;
    }

    .tituloMentoria img{
        width: 52px;
    }

    main h2{
        font-size: 17px;
        letter-spacing: 2px;
    }

    main h1 span.vA{
        line-height: 78px;
    }

    .caixaMainIcones{
        grid-template-columns: 1fr;
    }

    .conteudoMainIcones p{
        max-width: 270px;
    }

    .s2 > .conteudoS2:nth-of-type(2){
        grid-template-columns: 1fr;
        width: min(360px, 100%);
    }

    .s2 > .conteudoS2:nth-of-type(2) .boxS2,
    .s2 > .conteudoS2:nth-of-type(2) .boxS2:last-child{
        grid-column: auto;
        justify-self: stretch;
        width: 100%;
        max-width: none;
    }

    .tituloS2 h2,
    .s3 h2,
    .s4 h2,
    .chamadaS5 h2,
    .chamadaS6 h2,
    .textoS7 h2,
    .chamadaS8 h2{
        font-size: 31px;
    }

    .tituloS2 h3{
        font-size: 24px;
    }

    .rodapeS2,
    .rodapeS4{
        width: 100%;
        margin-left: 0;
    }

    .rodapeS4 a{
        gap: 0.55rem;
        font-size: 15px;
    }

    .rodapeS4 a img{
        width: 28px;
        max-width: 28px;
    }

    .boxS5{
        padding-left: 4.4rem;
    }

    .iconeS5{
        left: 0.8rem;
    }

    .rodapeS5 p{
        font-size: 20px;
    }

    .boxS6,
    .itemS7{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .itemS7 p{
        max-width: 100%;
    }

    .listaS8{
        border-radius: 14px 4px 14px 4px;
    }

    .listaS8 li{
        align-items: flex-start;
        font-size: 16px;
        line-height: 1.25;
        padding: 0.75rem 0;
    }

    .botaoS8{
        flex-direction: column;
        gap: 0.55rem;
        line-height: 1.25;
        text-align: center;
    }

    .precoS8 h3{
        font-size: 18px;
    }

    .precoS8 strong{
        font-size: 38px;
    }

    .fraseS8{
        font-size: 19px;
    }

    .rodapeMentoria{
        gap: 1rem;
    }

    .logoRodapeMentoria{
        width: 112px;
    }

    .rodapeMentoria h2{
        font-size: 22px;
        letter-spacing: 1px;
    }

    .menuRodapeMentoria,
    .redesRodapeMentoria{
        flex-direction: column;
        gap: 0.8rem;
    }

    .redesRodapeMentoria a{
        margin-top: 0;
    }
}

@media (max-width: 380px){
    p{
        font-size: 16px;
    }

    main h1{
        font-size: 38px;
    }

    main h1 span.vA{
        font-size: 30px;
        line-height: 68px;
    }

    main h1 span.morte{
        font-size: 70px;
    }

    .tituloS2 h2,
    .s3 h2,
    .s4 h2,
    .chamadaS5 h2,
    .chamadaS6 h2,
    .textoS7 h2,
    .chamadaS8 h2{
        font-size: 28px;
    }

    .boxS5{
        padding: 4.5rem 1rem 1rem 1rem;
        text-align: center;
    }

    .iconeS5{
        left: 50%;
        top: 1rem;
        transform: translateX(-50%);
    }

    .listaS8{
        padding: 0.85rem;
    }

    .botaoS8{
        font-size: 13px;
    }

    .precoS8 strong{
        font-size: 34px;
    }
}

@media (max-width: 340px){
    .conteudoCapa > img:first-child{
        max-width: 245px;
    }
}