/* ==========================================================================
   CONFIGURAÇÕES GERAIS E VARIÁVEIS
   ========================================================================== */
:root {
    --chocolate-dark: #4f2f14; 
    --chocolate-medium: #6d4c41;
    --chocolate-light: #fdf5e6;
    --accent-orange: #e67e22;
    --white: #ffffff;
    --gold-highlight: #E8C44A;
    --soft-cream: #FAF6F2;
    --brown-gold: #B07E4A;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--chocolate-light);
    color: var(--chocolate-dark);
    line-height: 1.6;
}

h2, .main-title-pro, .truth-title, .faq-main-title, .premium-title, .guarantee-title, .u-header {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: rgb(78, 47, 20) !important;
    font-size: 48px !important;
    line-height: 48px !important;
}


h1,h3, h4 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
    color: #3d2314;
}

@media (max-width: 768px) {
    h2, .main-title-pro, .truth-title, .faq-main-title, .premium-title {
        font-size: 32px !important;
        line-height: 36px !important;
    }
}


p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #6d4c41;
}

.txt-pascoa-premium {
    /* Gradiente que simula reflexo de metal */
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text; /* Motores Webkit (Chrome, Safari, Edge) */
     background-clip: text;
    -webkit-text-fill-color: transparent;
    
    font-weight: 800 !important;
    font-size: 2.5rem; /* Aumentei um pouco para dar impacto */
    text-transform: uppercase;
    letter-spacing: 1px;
    filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
}


p.fs-4.txt-pascoa-premium {
    font-size: 1.8rem !important;
    text-transform: uppercase; /* Opcional: deixa a primeira frase mais impactante */
}
/* ==========================================================================
   COMPONENTES GLOBAIS (BOTÕES E HIGHLIGHTS)
   ========================================================================== */
.highlight-gold {
    color: var(--gold-highlight);
    font-weight: 800;
}

.btn-cta, .btn-cta-final, .u-btn-main {
    background-color: var(--accent-orange) !important;
    color: var(--white) !important;
    padding: 18px 35px;
    font-weight: 800;
    font-size: 1.1rem;
    border-radius: 50px !important;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.btn-cta:hover, .btn-cta-final:hover, .u-btn-main:hover {
    color: var(--gold-highlight) !important;
    transform: translateY(-3px);
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */
.hero-section {
    padding: 100px 0;
    /* Certifique-se de usar um link direto de imagem, como este do Unsplash abaixo */
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), 
                url('image/pascoa.jpeg') center/cover;
    color: var(--white);
    background-repeat: no-repeat;
    background-attachment: scroll; /* Ou 'fixed' para efeito parallax */
}

.hero-section h1 {
    color: #ffffff; /* H1 branco */
}

.hero-section h2.cta-headline {
    color: #f1f1f1; /* H2 um pouco cinza claro */
}

.hero-section .lead {
    color: #e0e0e0; /* Lead mais claro */
}

/* Estreita o conteúdo da Hero Section */
.hero-section .container {
    max-width: 850px; /* Limita a largura para o texto não ficar muito espalhado */
    margin: 0 auto;
}

/* Reduz o tamanho do H1 principal */
.hero-section h1.display-4 {
    font-size: 42px !important; /* Letra menor para o título principal */
    line-height: 1.2;
}

/* Reduz os parágrafos de apoio */
.hero-section p.fs-4 {
    font-size: 18px !important; /* Diminuindo o "Você não precisa ser confeiteira" */
}

.hero-section p.lead {
    font-size: 16px !important; /* Diminuindo o "Você só precisa de um método simples" */
}

/* Aplica a regra específica de 48px que você pediu para o H2 na Hero */
.hero-section h2.cta-headline {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: rgb(255, 255, 255) !important; /* Mantive branco para destacar no fundo escuro */
    font-size: 40px !important; /* Ajustado levemente para 40px para não ficar maior que o H1 no layout estreito */
    line-height: 44px !important;
}

/* Ajuste do botão e texto auxiliar */
.hero-section .btn-cta {
    padding: 15px 30px;
    font-size: 16px;
}

.hero-section .small-orange-text {
    font-size: 12px; /* Letra bem pequena no rodapé do botão */
}

.text-soft-cream { color: var(--soft-cream) !important; }

.cta-headline {
    color: var(--gold-highlight);
    font-size: 2.2rem;
    font-weight: 700;
}

.small-orange-text {
    color: var(--accent-orange);
    font-size: 0.9rem;
    font-weight: 600;
}

/* ==========================================================================
   OPPORTUNITY SECTION (PRO)
   ========================================================================== */
.opportunity-section-pro {
    background-color: #EDE6DF;
    min-height: 2vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    justify-content: center; /* Centraliza o conteúdo verticalmente */
    padding: 40px 20px;
    box-sizing: border-box;
}

.viewport-wrapper {
    width: 100%;
    max-width: 700px; /* Reduzi para o conteúdo não ficar tão espalhado */
    margin: 0 auto;
}

.content-limit {
    text-align: center;
    width: 100%;
}

/* Garante que o box de citação e o botão fiquem no centro */
.quote-box-pro {
    background-color: #FFFFFF;
    border-left: 4px solid #E8C44A; /* Barra dourada mais fina */
    padding: 12px 20px; /* Reduzi o espaço interno */
    display: block;
    width: 100%;
    max-width: 600px; /* Reduzi a largura do box da seção */
    margin: 20px auto;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.quote-inner {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 18px; /* Letra bem menor como solicitado */
    color: #3d2314;
    margin: 0;
}

.btn-box-pro {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
}

.btn-action-pro {
    background-color: var(--chocolate-dark);
    color: var(--white);
    padding: 15px 35px;
    border-radius: 10px;
    font-weight: 700;
    margin: 20px auto;
    display: block;
    border: none;
}

/* Grid de Cards Centralizado */
.cards-row-pro {
    display: flex; 
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; /* Garante que quebre linha no telemóvel */
    margin-top: 20px;
}

.card-item-pro {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    width: 100%;
    max-width: 210px; 
    text-align: center;
}

.icon-pro {
    font-size: 24px; /* Ícone um pouco menor */
    margin-bottom: 10px;
}

.card-item-pro p {
    font-family: 'Poppins', sans-serif;
    font-size: 11px; /* Letra reduzida para o visual limpo */
    color: var(--chocolate-medium);
    margin: 0;
    line-height: 1.4;
}

/* Localize sua @media (max-width: 992px) e atualize a .cards-row-pro */
@media (max-width: 992px) {
    .cards-row-pro {
        display: flex;
        flex-direction: column; /* Faz os cards empilharem */
        align-items: center;
        gap: 15px;
        width: 100%;
    }

    .card-item-pro {
        max-width: 100%; /* Permite que o card ocupe a largura disponível */
        width: 100%;
    }
    
    .quote-box-pro {
        padding: 15px;
        margin: 20px 10px; /* Dá um respiro nas laterais do box de dúvida */
    }
}

/* Adicione esta regra para manter o visual espaçoso apenas em computadores */
@media (min-width: 992px) {
    .opportunity-section-pro {
        padding: 80px 180px;
    }
}

/* ==========================================================================
   TRUTH SECTION
   ========================================================================== */
.section-truth {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;  /* corrigido vírgula para espaço */
    min-height: 100vh;
    box-sizing: border-box;
    text-align: left;    /* texto alinhado à esquerda */
    align-items: stretch; /* itens ocupam largura total */
}

.section-text {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;
    min-height: 100vh;
    box-sizing: border-box;
    text-align: left;
    align-items: stretch;
}

.check-badge {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--gold-highlight);
    color: var(--chocolate-dark);
    font-weight: bold;
    flex-shrink: 0;
}

.highlight-box-dark {
    background-color: var(--chocolate-dark);
    color: var(--white);
    padding: 20px;
    border-radius: 12px;
}

/* Primeiro e terceiro com a mesma cor */
.truth-support-text p:first-child,
.transition-text {
    color: #8B5E4B;
    margin-left: 0;
    padding-left: 0;
    font-size: 16px; /* ajuste se precisar */
    font-weight: 400;
}

/* Segundo diferente */
.truth-support-text p:nth-child(2) {
    color: #4E2F1B; /* ou a cor que você quiser */
    font-size: 18px;
    font-weight: 480;
}

.custom-list-gold {
    list-style: none;
    margin-left: 3px;
    padding-left: 0;
}

.custom-list-gold li {
    display: flex;
    align-items: center;
    gap: 0;             /* já usamos margin-right no check-badge */
    font-size: 16px;    /* ajuste igual ao texto acima */
    line-height: 1.4;
    margin-bottom: 12px;
}

.highlight-box-dark {
    background-color: var(--chocolate-dark);
    color: var(--white);
    padding: 15px 20px;
    font-size: 16px;
    max-width: 500px;
    margin-left: 0px;   /* mesma margem que os parágrafos */
    margin-top: 20px;
    display: flex;
}

.image-container-truth {
    justify-content: center;
    position: relative;
    display: inline-block;
    margin-top: 30px;  /* espaçamento da imagem em relação ao texto */
}


.img-fluid {
    width: 100%; /* Garantir que a imagem tenha largura responsiva */
    border-radius: 10px; /* Bordas arredondadas na imagem */
}

.box-profit {
    position: absolute;
    bottom: 5px; /* Coloca a caixa na parte inferior da imagem */
    left: 70%; /* Move a caixa para a esquerda */
    transform: translateX(-10%); /* Ajusta para garantir o centralizado */
    background-color: #E8C44A; /* Cor de fundo amarela */
    padding: 5px 15px; /* Ajuste o padding para diminuir o tamanho da caixa */
    border-radius: 20px; /* Bordas arredondadas */
    color: #000; /* Cor do texto agora é preta */
    font-weight: bold; /* Texto em negrito */
    font-size: 14px; /* Reduzir o tamanho da fonte */
    text-align: center; /* Alinhamento do texto */
    font-family: 'Arial', sans-serif; /* Alterar a fonte */
}

/* ==========================================================================
   LIGHT SECTION
   ========================================================================== */

   .section-light {
    background-color: #EDE6DF;
    min-height: 2vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    justify-content: center; /* Centraliza o conteúdo verticalmente */
    padding: 100px 20px;
    box-sizing: border-box;
}

.benefit-box {
    border-radius: 20px;        /* bordas mais arredondadas */
    padding: 30px  25px;              /* mantém espaçamento interno */
    font-size: 14px;            /* letras menores */
    transition: all 0.3s ease;  /* efeito suave */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* leve sombra */
    min-height: 120px;
    max-width: 450px;
    margin: 0 auto;
}

/* Box de oferta em destaque */
.featured-offer-box {
    background-color: #4E2F14; /* Cor de fundo escura */
    color: #FFFFFF;            /* Texto branco */
    border-radius: 20px;       /* Bordas arredondadas */
    min-height: 280px;         /* Altura mínima */
    max-width: 1200px;
    width: 100%;
    margin: 5rem auto;          /* Largura máxima */
    padding: 1.8rem 2.2rem;             /* Espaçamento interno */
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

/* Badge "NOVO" */
.featured-offer-box .badge-new {
    position: absolute;
    top: 10%;
    left: 23%;
    background-color: #E8760A; 
    color: #FFFFFF;            
    font-weight: bold;
    padding: 0.3rem 0.8rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-family: 'Nunito', sans-serif;
}

/* Imagem do eBook */
.img-ebook {
    width: 60%; /* Define a largura da imagem para 50% */
    border: 5px solid #E8C44A; /* Borda dourada ao redor da imagem */
    border-radius: 10px;       /* Bordas arredondadas na imagem */
    box-sizing: border-box;    /* Inclui a borda no cálculo do tamanho */
}

/* Títulos e parágrafos */
.featured-offer-box h3 {
    font-size: 2.3rem;
    font-weight: bold;
    color: #FFF8EE;
    font-family: 'Playfair Display', serif;
}

.featured-offer-box p {
    font-size: 1rem;
    opacity: 0.85;
    color: #E8C9A0; /* Cor suave para o texto */
    font-family: 'Nunito', sans-serif;
}


/* Botão CTA */
.featured-offer-box .btn-ctbook {
    background-color: var(--accent-orange) !important;
    color: var(--white) !important;           /* Cor do texto do botão */
    border: none;
    padding: 10px 20px;
    border-radius: 50px !important;
    border: none;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);

    font-family: 'Nunito', sans-serif; /* Aplica a fonte Nunito ao botão */
    transition: all 0.3s ease;
}

.featured-offer-box .btn-ctbook:hover {
    background-color: #E8760A;
    color: var(--gold-highlight) !important;
    transform: translateY(-3px)
}


/* Títulos dentro da box */
.benefit-box h5 {
    font-size: 16px;            /* tamanho menor que antes */
    margin-bottom: 6px;
}

.container {
    max-width: 1000px;     /* ✅ Container menor e centralizado */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.grouped-benefits .row {
    display: flex;
    justify-content: space-between; /* Garante que as colunas fiquem próximas */
    gap: 10px; /* Ajuste o gap para controlar o espaço entre as colunas */
}

/* Garantir que as colunas fiquem mais próximas, removendo margens extras */
.grouped-benefits .col-md-6 {
    margin: 0;  /* Remove margens extras */
    padding: 0; /* Remove padding para garantir que fiquem bem próximos */
}



.grouped-benefits .benefit-box {
    padding: 1rem; /* Ajusta o espaçamento interno para dar o visual desejado */
}


.row .col-md-6 {
    margin-bottom: 10px; /* Ajuste a margem inferior para as colunas */
}

/* Parágrafos dentro da box */
.benefit-box p {
    font-size: 14px;
    line-height: 1.4;
}


.section-light i {
    background-color: #6b4521;
    color: #ffffff;
    width: 50px;
    height: 40px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 10px;
    font-size: 20px; /* controla o tamanho do ícone */
}

/* ==========================================================================
   BENEFITS & TESTIMONIALS
   ========================================================================== */

.testimonials-pro {
    background-color: #faf6f2; /* Cor de fundo atualizada */
    padding: 80px 0;
}
/* Container Estreito conforme a foto */
.container-narrow {
    max-width: 900px; /* Estreita a secção de depoimentos */
    margin: 0 auto;
}

/* Título conforme especificação anterior */
.testimonial-main-title {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: rgb(78, 47, 20) !important;
    font-size: 48px !important;
    line-height: 48px !important;
    margin-bottom: 10px;
}

.testimonial-subtitle {
    font-size: 14px;
    color: #8d6e63;
    margin-bottom: 40px;
}

/* Estilo do Card de Depoimento */
.t-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #f9f1eb;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.stars {
    color: var(--gold-highlight);
    font-size: 13px; /* Estrelas menores */
    margin-bottom: 10px;
}

.t-quote {
    font-family: 'Poppins', sans-serif;
    font-size: 13px; /* Letra mantida pequena */
    color: #5d4037;
    line-height: 1.5;
    margin-bottom: 15px;
}

.t-badge {
    background-color: var(--chocolate-dark);
    color: var(--gold-highlight);
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 10px; /* Texto da badge menor */
    font-weight: 700;
    align-self: flex-start;
}

.t-card {
    background-color: #fcf9f2; /* Cor de fundo atualizada conforme solicitado */
    padding: 18px; /* Reduzi muito o padding interno para diminuir o card */
    border-radius: 12px;
    border: 1px solid rgba(176, 126, 74, 0.1);
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 260px; /* Limita a largura do card para ele não expandir demais */
    margin: 0 auto; /* Centraliza o card na coluna do Bootstrap */
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.t-divider {
    border: none;
    border-top: 1px solid rgba(176, 126, 74, 0.1); /* Linha sutil da cor do tema */
    margin: 15px 0;
}

/* Info do Usuário */
.t-user {
    display: flex;
    align-items: center;
}

.avatar-small {
    width: 30px; /* Avatar menor */
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.t-meta {
    display: flex;
    flex-direction: column;
}

.t-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--chocolate-dark);
}

.t-loc {
    font-size: 10px;
    color: #a1887f;
}

/* ==========================================================================
   OFFER & TIMER SECTION
   ========================================================================== */
/* FUNDO DA SECTION */
.final-offer-section {
    /* Aplicando as 4 cores em um gradiente linear de 135 graus */
    background: linear-gradient(135deg, #65401E, #5D3A1A, #613C1C, #5F3F1A);
    padding: 100px 0;
    position: relative;
    color: #ffffff;
}

/* TÍTULO */
.final-offer-section .premium-title,
.final-offer-section .premium-title *   {
    font-size: 2.5rem;
    font-weight: 600;
     color: #ffffff !important;;
    text-shadow: 0 2px 10px rgba(255,255,255,0.15);
}

/* TIMER */

.timer-container {
    gap: 10px;
}

/* Estilo do Timer igual ao da imagem 607798.png */
.timer-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timer-box {
    background: #2b1406;
    width: 65px;
    height: 65px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #F5D87A !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.timer-box span {
    color: #F5D87A; /* Dourado para os números */
    font-size: 32px;
    font-weight: bold;
}

.timer-group small {
    color: #F5D87A;
    font-size: 11px;
    margin-top: 8px;
    font-weight: 600;
}

.timer-sep {
    color: #F5D87A;
    font-size: 32px;
    margin: 0 10px;
    padding-bottom: 25px; /* Alinha os dois pontos com os boxes */
}

.timer-label {
    color: #d8b98a;
    font-size: 0.8rem;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 15px;
}

/* CARD */
/* Card Principal (A moldura marrom) */
.offer-card {
    background-color: #7A5533 !important;
    padding: 45px 35px !important;
    border-radius: 25px;
    max-width: 450px;
    margin: 40px auto 0 auto;
    border: 2px solid #F5D87A !important; 
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Título Branco conforme sua imagem */
.offer-card .premium-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
    font-size: 48px !important;
    color: #ffffff !important;
    text-align: center;
    margin-bottom: 30px;
}

/* Container das informações de preço */
.card-header-price {
    text-align: center;
    margin-bottom: 10px;
}

/* Cor do "De" e do preço riscado */
.card-header-price p:first-child, 
.card-header-price .old-price-text {
    color: #E8C44A !important; /* Bronze Dourado solicitado */
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* Garante que o risco do preço antigo apareça */
.old-price-text {
    text-decoration: line-through;
    font-weight: 500;
}

/* Cor do "Por apenas" em Branco */
.card-header-price p:last-child {
    color: #ffffff !important; /* Branco puro para destaque */
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: 5px;
}



/* PREÇO ANTIGO */
.old-price-text {
    text-decoration: line-through;
    color: #e0c39b;
    opacity: 0.8;
}

/* PREÇO PRINCIPAL */
.main-price-display {
    margin: 20px 0;
}

.currency {
    font-size: 1.2rem;
    color: #f7c873;
}

.price-big {
    font-size: 3rem;
    font-weight: bold;
    color: #ffd27a;
}

/* CAIXA DE TEXTO */
.order-bump-premium {
    background: #886531;
    border-radius: 10px;
    padding: 12px 15px;
    text-align: center;
    border: 1px solid rgba(255, 215, 150, 0.3);
}

.order-text {
    font-size: 0.75rem; /* menor, igual da imagem */
    color: #f7c873;
    line-height: 1.4;
}

.order-text strong {
    font-weight: 600;
    color: #f7c873;
}


/* BOTÃO */
.btn-cta-final {
    background: linear-gradient(180deg, #ff8c1a, #ff6a00);
    border: none;
    padding: 15px;
    border-radius: 30px;
    font-weight: bold;
    width: 100%;
    max-width: 320px;
    margin: 20px auto 15px auto;
    display: block;
    color: #fff;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.btn-cta-final:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

/* FOOTER ICONES */
/* Container pai: distribui os 3 selos pelo card */
.card-footer-trust {
    display: flex;
    justify-content: space-between; /* Espalha os itens */
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    gap: 10px; /* Espaço entre cada um dos 3 blocos */
}

/* Cada bloco individual (ícone + texto) */
.card-footer-trust div {
    display: flex;
    align-items: center; /* Alinha ícone e texto verticalmente no centro */
    gap: 5px; /* Espaço entre o ícone e a palavra */
}

/* O texto (span) ajustado para horizontal e cor bronze */
.card-footer-trust .d-block {
    display: inline-block !important; /* Força a ficar na mesma linha do ícone */
    color: #E8C44A !important;
    font-size: 9px !important; /* Letra menor para caber tudo em uma linha */
    margin-top: 0 !important; /* Remove a margem que jogava para baixo */
    text-transform: uppercase;
    white-space: nowrap; /* Impede que o texto quebre linha */
    letter-spacing: 0.3px;
}

/* Ícone na mesma cor e tamanho ajustado */
.card-footer-trust i {
    color: #E8C44A !important;
    font-size: 0.9rem;
}

/* --- AJUSTE PARA CELULAR  --- */
@media (max-width: 576px) {
    /* Reduz o recuo lateral do card para dar mais espaço aos selos */
    .offer-card {
        padding: 40px 15px !important; 
    }

    .card-footer-trust {
        flex-wrap: wrap;       /* Permite que os itens quebrem linha e não saiam do card */
        justify-content: center; /* Centraliza os selos no celular */
        gap: 15px;             /* Aumenta o espaço entre os selos quando empilhados */
    }

    .card-footer-trust div {
        flex: 0 1 auto;        /* Garante que cada bloco se ajuste ao conteúdo */
        justify-content: center;
    }
}


/* ==========================================================================
   UPSELL & FAQ
   ========================================================================== */
/* CONTAINER GERAL */
.upsell-container {
    background-color: #faf6f2;
}

/* CARD DE UPSELL */
.upsell-card {
   background-color: #ffffff;
    border: 1px solid #F5D87A;
    border-radius: 30px;
    padding: 50px 20px; 
    max-width: 520px; 
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0 auto; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* ETIQUETA LARANJA */
.badge-special {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #e67e22;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 20px;
    text-transform: uppercase;
}

/* TÍTULO UPSELL */
.upsell-title {
    font-family: "Playfair Display", serif !important;
    font-size: 36px !important;
    color: rgb(78, 47, 20) !important;
    margin-bottom: 30px;
}

/* MOCKUP DO LIVRO */
.book-img {
    max-width: 180px;
    border: 3px solid #F5D87A;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* ESTILO DO PREÇO */
.price-intro {
    color: #8b5e2a;
    font-size: 16px;
    margin-bottom: 5px;
}

.upsell-price-display {
    color: #3d2314;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-weight: 800;
}

.p-currency { font-size: 18px; margin-right: 5px; }
.p-main { font-size: 60px; line-height: 1; }
.p-cents { font-size: 24px; }

/* GRID DE BENEFÍCIOS (CARDZINHOS) */
.feature-box {
    background-color: #fdf8f2; /* Fundo suave solicitado para cards */
    padding: 15px 10px;
    border-radius: 12px;
    height: 100%;
}

.feature-box i {
    color: #3d2314;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.feature-box p {
    font-size: 10px; /* Letra pequena conforme solicitado */
    color: #8b5e2a;
    line-height: 1.3;
    margin: 0;
}

/* BARRA DE DESTAQUE */
.highlight-text-bar {
    background-color: #fcf9f2;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    color: #3d2314;
    border: 1px solid rgba(176, 126, 74, 0.1);
}

/* BOTÃO ESCURO (ESTILO DA IMAGEM) */
.btn-add-upsell {
    background-color: #3d2314; /* Marrom chocolate escuro */
    color: #ffffff;
    display: block;
    width: 100%;
    padding: 18px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s;
}

.btn-add-upsell:hover {
    background-color: #52301c;
    color: #fff;
    transform: translateY(-2px);
}

/* FUNDO DA SEÇÃO FAQ */
.faq-section {
    background-color: #FFFFFF; /* Mantém o fundo bem limpo */
    padding: 80px 20px;
}

/* TÍTULO PRINCIPAL DO FAQ */
.faq-main-title {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: rgb(78, 47, 20) !important;
    font-size: 36px !important;
    line-height: 40px !important;
    margin-bottom: 10px;
    text-align: center;
}

/* SUBTÍTULO DO FAQ */
.faq-subtitle {
    font-family: 'Nunito', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: rgb(139, 94, 42) !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 40px;
    text-align: center;
    display: block; /* Garante que ocupe a linha toda para centralizar */
}

/* BOX DO FAQ (ESTILO MINIMALISTA) */
.faq-card {
    background-color: #FDF8F2; /* Cor de fundo suave solicitada */
    border-radius: 12px; /* Bordas um pouco mais retas para o minimalismo */
    padding: 15px 25px; /* Espaçamento interno justo */
    
    /* Borda no estilo solicitado (#F5D87A), porém fina para ser minimalista */
    border: 1px solid #F5D87A; 
    
    display: flex;
    align-items: center;
    max-width: 750px; /* Largura estreita conforme a imagem */
    margin: 0 auto 12px auto; /* Reduzi o espaço entre um card e outro */
    box-shadow: 0 2px 8px rgba(0,0,0,0.02); /* Sombra quase invisível */
}

/* CAIXINHA DO ÍCONE */
.faq-icon-box {
    background-color: #5A3418 !important; /* Marrom escuro */
    color: #fff !important; /* Ícone no dourado da borda */
    width: 38px; /* Ícone ainda menor para ser minimalista */
    height: 38px;
    min-width: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* Símbolo pequeno */
}

/* ESTILO DA PERGUNTA CONFORME ESPECIFICAÇÃO */
.faq-question {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important; /* Peso leve conforme solicitado */
    color: rgb(78, 47, 20) !important; /* Marrom escuro específico */
    font-size: 16px !important;
    line-height: 28px !important;
    margin-bottom: 5px; /* Espaço sutil para a resposta */
    display: block;
}

/* Ajuste na resposta para acompanhar a nova hierarquia */
.faq-answer{
    font-family: 'Poppins', sans-serif;
    font-size: 12px; /* Aumentei levemente para 13px para não sumir perto dos 20px do título */
    color: #6d4c41;
    line-height: 1.5;
    margin: 0;
}

/* AJUSTE DO TEXTO PARA FICAR AO LADO DO ÍCONE */
.faq-content {
    margin-left: 20px;
    text-align: left;
}

/* ==========================================================================
   GUARANTEE SECTION
   ========================================================================== */
/* FUNDO DA SEÇÃO */
.guarantee-wrap {
    background-color: #ffffff;
}

/* CARD DE GARANTIA (ESTREITO E MINIMALISTA) */
.guarantee-card-final {
    background-color: #ffffff;
    border: 1px solid #F5D87A; /* Borda dourada padronizada */
    border-radius: 25px;
    padding: 60px 40px;
    max-width: 650px; /* Card estreito conforme a imagem */
    width: 100%;
    text-align: center;
}

/* CÍRCULO DO ÍCONE */
.g-icon-circle {
    background-color: #3d2314; /* Marrom escuro */
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.g-icon-circle i {
    color: #F5D87A; /* Dourado no ícone */
    font-size: 28px;
}

/* TÍTULO (PLAYFAIR DISPLAY) */
.g-title {
    font-family: "Playfair Display", serif !important;
    font-size: 32px !important;
    color: rgb(78, 47, 20) !important;
    font-weight: 400 !important;
}

/* TEXTOS */
.g-text {
    font-size: 14px;
    color: #6d4c41;
    line-height: 1.6;
}

.g-trust-text {
    font-size: 11px; /* Letra bem pequena conforme a imagem */
    color: #BB905C;
    max-width: 80%;
    margin: 0 auto;
}

/* PILL "RISCO ZERO" */
.g-risk-pill {
    background-color: #3d2314;
    border: 1px solid rgba(187, 144, 92, 0.15);
    display: inline-flex;
    align-items: center;
    padding: 12px 40px;
    border-radius: 12px;
}

/* TEXTO "RISCO ZERO" - COM GRADIENTE CORRIGIDO */
.g-risk-text {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 24px;
    background: linear-gradient(to right, #FFFF, #ffff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    color: transparent; 
}

.g-hand {
    font-size: 24px;
    margin-right: 10px;
}

/* DIVISOR SUTIL */
.g-divider {
    border: 0;
    border-top: 1px solid #eee;
    width: 90%;
    margin: 0 auto;
}

/* FOOTER DE ÍCONES */
.g-footer-grid i {
    color: #8b5e2a;
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}

.g-footer-grid span {
    font-size: 10px;
    color: #BB905C;
    text-transform: capitalize;
}

/* ==========================================================================
   AGE DE PÁSCOA
   ========================================================================== */
/* Importação das fontes */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Playfair+Display:wght@400;700&display=swap');

.age-pascoa {
  width: 100%;
  /* Altura reduzida para ser mais compacta */
  min-height: 600px; 
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('image/ovos.jpeg');
  background-size: cover;
  background-position: center;
  padding: 60px 20px;
}

.container-pascoa {
  max-width: 900px;
  display: flex;
  flex-direction: column; /* Garante que tudo fique um embaixo do outro */
  align-items: center;    /* Centraliza horizontalmente */
}

.titulo-principal {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(32px, 5vw, 50px); /* Ajusta entre 32px e 60px conforme a tela */
  line-height: 1.1;
  color: rgb(255, 248, 238);
  margin-bottom: 20px;
}

.titulo-principal .destaque {
  color: rgb(232, 196, 74);
  font-weight: 700;
}

.subtitulo {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  color: rgb(184, 128, 58) !important;
  margin-bottom: 35px;
  line-height: 1.5;
}

/* Card de Preço com Borda Dourada */
.card-investimento {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  border: 0.8px solid #FFD700; /* Borda Dourada */
  border-radius: 15px;
  padding: 25px 50px;
  margin-bottom: 20px;
  font-family: 'Nunito', sans-serif;
  transition: transform 0.3s ease;
}

.card-investimento * {
  color: rgb(232, 196, 74) !important;
}

.card-investimento p {
  color: rgb(232, 196, 74) !important;
}


.label-investimento {
  font-size: 14px;
  color: rgb(232, 196, 74) !important;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}

.preco {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

/* O número 37 em Destaque Total */
.valor {
  color: #FFD700 !important; 
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: 80px; /* Bem grande para converter */
  line-height: 1;
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Brilho dourado */
  display: inline-block;
}

.garantia-extra {
  font-size: 13px;
  color: rgb(232, 196, 74) !important;
  opacity: 0.9;
  margin-top: 10px;
}

/* Botão Pulsante */
.botao-lucrar {
  display: inline-block;
  background-color: #e87c0d; 
  color: #ffffff;
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: 22px;
  text-decoration: none;
  padding: 22px 50px;
  border-radius: 50px;
  text-transform: uppercase;
  margin-top: 20px;
  animation: pulsar 1.5s infinite;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Texto de segurança com cor melhorada para leitura */
.texto-seguro {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  color: rgb(184, 128, 58) !important; /* Cor clara para destacar no fundo escuro */
  margin-top: 20px;
  font-weight: 400;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* Animação do Botão */
@keyframes pulsar {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(232, 124, 13, 0.7); }
  70% { transform: scale(1.06); box-shadow: 0 0 0 15px rgba(232, 124, 13, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(232, 124, 13, 0); }
}

/* Mobile */
@media (max-width: 600px) {
  .titulo-principal { font-size: 38px; line-height: 1.2; }
  .valor { font-size: 60px; }
  .botao-lucrar { font-size: 16px; padding: 18px 20px; width: 90%; }
}

/* ==========================================================================
   RESPONSIVIDADE
   ========================================================================== */



/* Garantia de Centralização Global */
.offer-card, .guarantee-card, .upsell-dark-card {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}