/* * -------------------------------------------
 * 1. CONFIGURAÇÕES GLOBAIS E VARIÁVEIS
 * -------------------------------------------
 */
:root {
    /* Cores */
    --cor-azul-claro: #013055; 
    --cor-azul-escuro: #001b31; 
    --cor-laranja: #e48904; 
    --cor-branca: #FFFFFF;
    --cor-fundo-claro: #e6e3de;

    /* Fontes */
    --font-titulo: 'Anton', sans-serif;
    --font-padrao: 'Inter', sans-serif; 
}

/* Reset Básico e Setup do REM */
html { font-size: 100%; scroll-behavior: smooth; }
body {
    margin: 0;
    padding: 0;
    font-family: var(--font-padrao); 
    background-color: var(--cor-fundo-claro);
    color: var(--cor-branca);
    line-height: 1.5;
    overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }


/* * -------------------------------------------
 * 2. SEÇÃO HERO
 * -------------------------------------------
 */
.hero-section {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-image: url('images/1.png'), 
                      linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    background-repeat: no-repeat;
    background-position: right top, center;
    background-size: auto 100%, cover; 
}
.container {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 2.5rem 1.25rem;
    display: flex;
    align-items: center;
    position: relative; 
}
.hero-content { flex-basis: 50%; z-index: 2; position: relative; }
.hero-image { position: absolute; top: 50%; transform: translateY(-50%); right: -10rem; width: 70%; z-index: 1; }
.ebook-mockup { max-width: 100%; height: auto; }
.logo { width: 7rem; margin-bottom: 1.5rem; }
h1 {
    font-family: var(--font-titulo);
    font-size: 6.2rem; 
    line-height: 1.05;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 1.25rem 0;
    letter-spacing: -0.09375rem;
}
.highlight { color: var(--cor-laranja); }
.description {
    font-size: 1.68rem;
    font-weight: 400; 
    line-height: 1.1;
    margin-bottom: 1.875rem;
    max-width: 28.125rem;
    letter-spacing: -0.05rem; 
}
.description strong { font-weight: 700; }
.cta-button {
    display: inline-block;
    background-color: transparent;
    color: var(--cor-branca);
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.9375rem 1.875rem;
    border: 2px solid var(--cor-laranja);
    border-radius: 3.125rem;
    transition: all 0.3s ease;
}
.cta-button:hover {
    background-color: var(--cor-laranja);
    color: var(--cor-azul-escuro);
}
@media (max-width: 62em) {
    .hero-section {
        min-height: 100vh;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center; 
        padding: 4rem 0;
        background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    }
    .container { 
        flex-direction: column; 
        text-align: center; 
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .hero-content { display: contents; }
    .logo { 
        order: 1; 
        width: 8rem;
        margin-bottom: 1.5rem;
    }
    h1 { 
        order: 2;
        font-size: 4.2rem;
        line-height: 1.05; 
        letter-spacing: -0.05rem;
        margin-bottom: 1.5rem;
    }
    .description { 
        order: 3;
        font-size: 1.5rem;
        max-width: 90%; 
        margin: 0 auto 2.5rem auto;
    }
    .hero-image { 
        order: 4; 
        position: static; 
        transform: none; 
        width: 90%; 
        max-width: 30rem;
        margin-bottom: 2.5rem;
    }
    .cta-button { 
        order: 5;
        display: block; 
        width: 100%;
        max-width: 30rem;
        margin: 0 auto;
        padding: 1rem 2rem;
        font-size: 1.1rem;
    }
}

/* * ===========================================
 * 6. SEÇÃO SOBRE (COM ALTURA DE TELA CORRIGIDA)
 * =========================================== */
.about-section {
    background-color: var(--cor-fundo-claro);
    background-image: url('images/4.png'), url('images/3.png');
    background-position: right bottom, left top;
    background-repeat: no-repeat, no-repeat;
    
    /* --- ALTERAÇÃO PRINCIPAL AQUI --- */
    min-height: 100vh; /* Garante que a seção ocupe no mínimo a altura da tela */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    overflow: hidden;
    box-sizing: border-box; /* Garante que o padding não adicione à altura total */
}

.container-about {
    max-width: 78rem; 
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* Ajustes para centralizar melhor o conteúdo dentro da tela cheia */
    margin-top: 12rem;
    margin-bottom: 5rem;
}

.about-video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    max-width: 38rem;
    z-index: 10;
    border: 1.2rem solid #111;
    border-radius: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    aspect-ratio: 16 / 9;
    overflow: hidden; 
}

.about-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    transform: scale(1.02);
}

.about-seal {
    position: absolute;
    top: 0;
    left: 0;
    width: 30rem; 
    transform: translate(-35%, -35%);
    z-index: 20;
}

.about-card {
    background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    border-radius: 2.5rem;
    padding: 4rem;
    position: relative;
    padding-top: 14rem;
}

.text-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem 4rem;
    color: var(--cor-branca);
    text-align: left;
}
.text-grid p {
    margin: 0;
    line-height: 1.6;
    font-size: 1.25rem;
}
.text-grid strong { font-weight: 700; }
.underline-text { 
    text-decoration: underline;
    text-decoration-color: var(--cor-branca);
    text-decoration-thickness: 2px;
}

.highlight-box {
    background-color: var(--cor-laranja);
    border-radius: 3rem; 
    padding: 1.5rem;
    text-align: left;
}
.highlight-box p { 
    color: var(--cor-branca); 
    font-weight: 500; 
    font-size: 1.3rem;
}
.highlight-box strong em {
    font-style: italic;
    font-weight: 700;
}


/* RESPONSIVIDADE (ABOUT SECTION) */
@media (max-width: 62em) {
    .about-section {
        height: auto; /* Mantém automático para mobile */
        min-height: 0; /* Reseta a altura mínima no mobile */
        padding-top: 4rem;
    }
    .container-about {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .about-seal, .about-video {
        position: static;
        transform: none;
    }
    .about-seal {
        display: none;
    }
    .about-video {
        order: 2;
        width: 100%;
        margin-bottom: -6rem;
        z-index: 5;
    }
    .about-card {
        order: 3;
        padding-top: 8rem;
    }
    .text-grid {
        padding-top: 0;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 48em) {
    .about-section {
        background-image: none;
    }
}



/* * ==========================================================
 * 8. SEÇÃO ERROS (AJUSTADA PARA NOTEBOOK E MOBILE)
 * ========================================================== */
.mistakes-section-final {
    background-color: var(--cor-fundo-claro);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 3rem 1.5rem; /* Padding base ajustado */
    box-sizing: border-box;
}

.mistakes-header-final {
    font-family: var(--font-padrao);
    font-style: italic;
    font-weight: 500;
    font-size: 1.3rem;
    color: var(--cor-azul-escuro);
    text-align: center;
    margin: 0 0 2rem 0;
}

.mistakes-container-final {
    width: 100%;
    max-width: 80rem;
    background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    border-radius: 1.5rem;
    padding: 4rem;
    box-shadow: 0 20px 50px rgba(0, 27, 49, 0.2);
}

.mistakes-grid-final {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    align-items: center;
    gap: 4rem;
    margin-bottom: 3rem;
}

.mistakes-intro-final h2 {
    font-family: var(--font-titulo);
    font-size: clamp(3.5rem, 6vw, 5rem);
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--cor-branca);
    margin: 0 0 1.5rem 0;
}

.mistakes-intro-final p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: var(--cor-branca);
    opacity: 0.8;
    max-width: 35ch;
}

.mistakes-list-final ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.mistake-item-final {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mistake-item-final:last-child {
    border-bottom: none;
}

.mistake-icon-final {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.mistake-title-final {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cor-branca);
    margin: 0 0 0.3rem 0;
}

.mistake-description-final {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cor-branca);
    opacity: 0.8;
}

.mistakes-cta-container-final {
    text-align: center;
}

.cta-button-mistakes-final {
    display: inline-block;
    background-color: var(--cor-laranja);
    color: var(--cor-branca);
    font-family: var(--font-padrao);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.cta-button-mistakes-final:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}


/* --- NOVO BLOCO DE RESPONSIVIDADE PARA NOTEBOOK (COM AJUSTE) --- */
@media (min-width: 62.0625em) and (max-width: 96em) {
    .mistakes-section-final {
        /* <<< ALTERAÇÃO AQUI: Aumenta o padding inferior para criar a margem visual >>> */
        padding: 2rem 1.5rem 6rem; 
    }
    .mistakes-container-final {
        padding: 3rem; /* Menos padding interno no card */
    }
    .mistakes-grid-final {
        gap: 2rem;
        margin-bottom: 2rem;
    }
    .mistake-item-final {
        padding: 1rem 0; /* Menos padding nos itens da lista */
    }
}


/* --- BLOCO DE RESPONSIVIDADE MOBILE ATUALIZADO --- */
@media (max-width: 62em) {
    .mistakes-section-final {
        min-height: 0;
        height: auto;
        padding: 4rem 1.5rem;
    }
    
    /* Garante a ordem correta no mobile */
    .mistakes-header-final {
        order: 1; 
    }
    .mistakes-container-final {
        order: 2;
        padding: 2.5rem;
    }

    .mistakes-grid-final {
        grid-template-columns: 1fr;
        gap: 3rem;
        margin-bottom: 2.5rem;
    }
    .mistakes-intro-final {
        text-align: center;
    }
    .mistakes-intro-final p {
        margin: 0 auto;
    }
    .cta-button-mistakes-final {
        display: block; /* Faz o botão ocupar a largura */
        width: 100%;    /* Garante que ele preencha o espaço */
        padding: 1.2rem 1rem; /* Ajusta o padding para o novo layout */
    }
  .mistakes-intro-final h2 {
        font-size: 3.2rem; /* Reduzido para garantir a quebra em duas linhas */
    }
}


/* * ==========================================================
 * 9. SEÇÃO CONTEÚDO DO EBOOK
 * ========================================================== */
.ebook-content-section {
    background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    padding: 8rem 1.25rem;
    position: relative;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    margin-top: -2.5rem; /* Puxa para cima da seção anterior */
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    margin-bottom: -2.5rem; /* Permite que a próxima seção puxe para cima */
    z-index: 10; /* Fica por cima da seção de Erros */
}
.container-ebook-content {
    width: 100%; 
    max-width: 110rem;
    margin: 0 auto;
    text-align: center;
}
.ebook-content-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
}
.ebook-content-icon {
    width: 5.5rem;
    height: auto;
}
.ebook-content-header h2 {
    font-family: var(--font-titulo);
    color: var(--cor-branca);
    font-size: 3.2rem;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    line-height: 1.1;
}
.ebook-content-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 1rem;
    margin-bottom: 3rem;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}
.ebook-content-card img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.25rem;
    transition: transform 0.3s ease, filter 0.3s ease;
}
.ebook-content-card:hover img {
    transform: scale(1.05);
    filter: brightness(1.1);
}
.cta-button-ebook-content {
    display: inline-block;
    background-color: var(--cor-laranja);
    color: var(--cor-azul-escuro);
    font-family: var(--font-padrao);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
}
.cta-button-ebook-content:hover {
    background-color: var(--cor-branca);
}
@media (min-width: 62.0625em) and (max-width: 96em) {
    .ebook-content-header h2 { font-size: 2.8rem; }
    .ebook-content-icon { width: 4.5rem; }
    .ebook-content-grid {
        max-width: 80rem;
        margin: 0 auto 1rem;
        gap: 0.01rem;
    }
}
@media (max-width: 62em) {
     .ebook-content-section {
        padding: 6rem 1.5rem 5rem;
    }
    .ebook-content-header {
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 3rem;
    }
    .ebook-content-icon { width: 4rem; }
    .ebook-content-header h2 {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .ebook-content-grid {
        grid-template-columns: 1fr; 
        gap: 1.5rem;
        margin-bottom: 3rem;
        max-width: 100%;
    }
    .cta-button-ebook-content {
        padding: 1rem 1.5rem;
        font-size: 1.1rem;
        color: var(--cor-branca);
        width: auto;
    }
}


/* * ==========================================================
 * 10. SEÇÃO BÔNUS
 * ========================================================== */
.bonus-section {
    background-color: var(--cor-laranja);
    padding: 8rem 2rem; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    margin-bottom: -2.5rem; /* Permite que a próxima seção puxe para cima */
    z-index: 15; /* Fica por cima da seção de Conteúdo */
}
.container-bonus {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0rem;
}
.bonus-image-column { flex: 1; }
.bonus-content-column { flex: 1; }
.bonus-tablets-mockup {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 25px 35px rgba(0,0,0,0.25));
}
.bonus-content-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bonus-title {
    font-family: var(--font-titulo);
    color: var(--cor-branca);
    font-size: 3.5rem; 
    text-transform: uppercase;
    margin: 0 0 2rem 0;
    text-align: center;
}
.bonus-items-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
    align-items: stretch;
}
.bonus-item {
    position: relative;
    transition: transform 0.3s ease;
    width: 100%;
    display: flex;
}
.bonus-item:hover { transform: scale(1.03); }
.bonus-card {
    background-image: linear-gradient(to left, var(--cor-azul-escuro), var(--cor-azul-claro));
    color: var(--cor-branca);
    padding: 2.2rem 4rem 2.2rem 10rem;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0% 50%); 
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bonus-card h3 {
    font-family: var(--font-padrao);
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
}
.bonus-card p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.9);
}
.bonus-icon {
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -3.5rem; 
    transform: translateY(-50%);
    z-index: 5;
}
.bonus-icon img {
    width: 7rem;
    height: auto;
}
.cta-button-bonus {
    margin-top: 2.5rem;
    background-image: linear-gradient(to left, var(--cor-azul-escuro), var(--cor-azul-claro));
    color: var(--cor-branca);
    font-family: var(--font-padrao);
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
    border: none;
}
.cta-button-bonus:hover {
    background-image: none;
    background-color: var(--cor-branca);
    color: var(--cor-azul-escuro);
}
@media (min-width: 62.0625em) and (max-width: 96em) {
    .container-bonus { 
        max-width: 85rem;
        padding: 0 3rem;
        gap: 0rem; 
    }
    .bonus-title { font-size: 3rem; }
    .bonus-card { padding: 2.2rem 3.5rem 2.2rem 7.5rem; }
    .bonus-card h3 { font-size: 1.2rem; }
    .bonus-card p { font-size: 1.1rem; }
    .bonus-icon { width: 6rem; height: 6rem; right: -3rem; }
    .bonus-icon img { width: 5.5rem; }
}
@media (max-width: 62em) {
    .bonus-section {
        padding: 6rem 1.5rem 4rem;
    }
    .container-bonus {
        flex-direction: column;
        gap: 2.5rem;
    }
    .bonus-content-column, .bonus-items-wrapper { display: contents; }
    .bonus-title { 
        order: 1; 
        font-size: 2.8rem;
        margin-bottom: 0;
    }
    #bonus-card-1 { order: 2; }
    .bonus-image-column { order: 3; }
    #bonus-card-2 { order: 4; }
    .cta-button-bonus { order: 5; }
    .bonus-image-column {
        max-width: 55rem;
        margin: 0 auto;
    }
    .cta-button-bonus { margin-top: 0; width: 100%; text-align: center; padding: 1.2rem; }
    .bonus-item { display: block; }
    .bonus-item:hover { transform: none; }
    .bonus-item {
        padding-top: 3rem;
        position: relative;
    }
    .bonus-card {
        margin-top: 0;
        clip-path: none;
        border-radius: 1.5rem;
        padding: 4.5rem 1.5rem 2rem;
        text-align: center;
        background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
        height: auto;
    }
    .bonus-card h3 { font-size: 1.2rem; }
    .bonus-card p { font-size: 1.1rem; line-height: 1.5; }
    .bonus-icon {
        width: 6rem;
        height: 6rem;
        top: 0;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translateX(-50%);
    }
    .bonus-icon img { width: 6rem; }
}


/* * ==========================================================
 * 11. SEÇÃO FINAL CTA (COM LISTA ALINHADA À ESQUERDA NO MOBILE)
 * ========================================================== */
.cta-final-section {
    background-color: var(--cor-fundo-claro);
    padding: 8rem 2rem 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 20;
}
.container-cta-final {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: 0.9fr 1.1fr;
}
.cta-final-title {
    font-family: var(--font-titulo);
    font-size: clamp(4rem, 6.5vw, 6rem);
    color: var(--cor-azul-escuro);
    line-height: 1.05;
    text-transform: uppercase;
    margin: 0 0 2.5rem 0;
}
.cta-final-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.cta-final-list li {
    position: relative;
    display: flex;
    align-items: center; 
    font-family: var(--font-padrao);
    font-size: 1.35rem;
    color: var(--cor-azul-escuro);
    font-weight: 500;
    padding-bottom: 2rem;
}
.cta-final-list li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, var(--cor-azul-escuro), var(--cor-azul-claro));
    border-radius: 50px;
}
.cta-check-icon {
    width: 2.5rem;
    height: auto;
    margin-right: 1.2rem;
    flex-shrink: 0;
}
.cta-final-card {
    background-image: linear-gradient(to bottom right, var(--cor-azul-escuro), var(--cor-azul-claro));
    border-radius: 2.5rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,27,49,0.25);
}
.cta-tablets-mockup {
    width: 100%;
    max-width: 30rem;
    margin-top: -8rem;
    margin-bottom: 1rem;
}
.price-details {
    color: var(--cor-branca);
    margin-bottom: 1.5rem;
}
.original-price {
    margin: 0;
    font-size: 1.2rem;
    text-decoration: line-through;
    color: var(--cor-fundo-claro);
}
.main-offer {
    font-family: var(--font-titulo);
    font-size: clamp(4rem, 9vw, 6.5rem);
    line-height: 1.1;
    margin: 0;
    font-weight: 400;
}
.secondary-offer {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--cor-fundo-claro);
}
.cta-button-final {
    display: inline-block;
    background-color: var(--cor-laranja);
    color: var(--cor-branca);
    font-family: var(--font-padrao);
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.3rem 2rem;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
    width: 90%;
    margin-bottom: 1.5rem;
}
.cta-button-final:hover {
    background-color: var(--cor-branca);
    transform: scale(1.03);
    color: var(--cor-azul-escuro);
}
.payment-methods-img {
    width: 100%;
    max-width: 25rem;
}
@media (min-width: 62.0625em) and (max-width: 96em) {
    .cta-final-section {
        padding: 5rem 2rem; 
    }
     .container-cta-final {
        max-width: 75rem;
    }
    .cta-final-title {
        font-size: clamp(4.5rem, 5.7vw, 5.5rem);
        margin-bottom: 2.5rem;
    }
    .cta-final-list li {
        font-size: 1.20rem;
        padding-bottom: 1.5rem;
    }
    .cta-final-list li::after { height: 1px; }
    .cta-check-icon { width: 2.2rem; }
    .cta-final-card { padding: 1.5rem; }
    .cta-tablets-mockup {
        max-width: 24rem;
        margin-top: -5rem;
        margin-bottom: 0.25rem;
    }
    .main-offer { font-size: clamp(3rem, 6.5vw, 4.8rem); }
    .cta-button-final {
        font-size: 1.1rem;
        padding: 1rem 1.5rem;
        margin-bottom: 1rem;
    }
    .payment-methods-img { max-width: 20rem; }
}
@media (max-width: 62em) {
    .cta-final-section {
        padding: 4rem 1.5rem;
    }
    .container-cta-final {
        grid-template-columns: 1fr;
        gap: 4rem;
        width: 100%;
        max-width: 100%;
    }
    .cta-final-content {
        text-align: center; /* Mantém o título centralizado */
        order: 1;
    }
    .cta-final-card {
        order: 2;
        padding: 1.5rem;
    }
    .cta-final-list {
        margin: 0; /* <<< ALTERADO AQUI: Remove a margem automática */
        max-width: 100%; /* <<< ALTERADO AQUI: Permite ocupar a largura toda */
        text-align: left; /* <<< ALTERADO AQUI: Alinha o texto da lista à esquerda */
    }
    .cta-final-list li {
        font-size: 1.0rem;
        padding-bottom: 1.5rem;
        justify-content: flex-start; /* <<< ALTERADO AQUI: Alinha os itens à esquerda */
    }
    .cta-final-list li::after { height: 1px; }
    .cta-check-icon { margin-right: 0.8rem; }
    .cta-final-title {
        font-size: 3.5rem;
        line-height: 1.1;
    }
    .cta-tablets-mockup {
        width: 90%;
        max-width: 20rem;
        margin-top: -5rem;
        margin-bottom: 1rem;
    }
    .price-details { margin-bottom: 1rem; }
    .main-offer { font-size: 5rem; }
    .secondary-offer { font-size: 1rem; }
    .cta-button-final {
        width: 100%;
        padding: 1.2rem;
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 64em) and (max-width: 96em) and (max-height: 820px) {
  .cta-final-section {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}


/* AJUSTES FINAIS PARA NOTEBOOKS */
@media (min-width: 64em) and (max-width: 96em) {
  /* SEÇÃO HERO */
  .hero-section {
    padding: 2rem 0;
    background-size: auto 100%, cover;
    background-position: right 0 top 0, center;
  }
  .container {
    max-width: 82rem;
    padding: 2.5rem 1.5rem;
  }
  .logo {
    width: 7.5rem;
    margin-bottom: 1.5rem;
  }
  h1 {
    font-size: clamp(5.2rem, 6.2vw, 6.6rem);
    line-height: 1.05;
    letter-spacing: -0.08rem;
    margin-bottom: 1rem;
  }
  .description {
    font-size: 1.6rem;
    line-height: 1.3;
    max-width: 28rem;
    margin-bottom: 1.8rem;
  }
  .cta-button {
    font-size: 1.1rem;
    padding: 0.9rem 2rem;
    border-width: 2px;
    border-radius: 3rem;
  }
  .hero-image {
    width: 57%;
    right: -2rem;
  }
  /* SEÇÃO SOBRE */
  .about-section {
    padding: 1.5rem 1.25rem;     
    background-size: 40% auto, 36% auto;
  }
  .container-about {
    max-width: 68rem;
    margin-top: 5rem;            
    margin-bottom: 0;
  }
  .about-video {
    width: 50%;
    max-width: 28rem;
    transform: translate(-50%, -42%); 
    border-width: 0.9rem;
    border-radius: 1.5rem;
  }
  .about-seal {
    width: 21rem;
  }
  .about-card {
    padding: 2.25rem 2.5rem;
    padding-top: 12.5rem;
    border-radius: 1.8rem;
  }
  .text-grid {
    gap: 1rem 1.5rem;           
  }
  .text-grid p {
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0;
  }
  .highlight-box {
    padding: 1rem 1.2rem;
    border-radius: 1.6rem;
  }
}
@media (min-width: 64em) and (max-width: 96em) and (max-height: 820px) {
  .container-about { margin-top: 4rem; }
  .about-card { padding-top: 11.5rem; }
  .about-video { transform: translate(-50%, -40%); }
}