.elementor-15771 .elementor-element.elementor-element-a047f4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-f210ca3 *//* === VARIÁVEIS DE COR (Estilo Pechincha Livre Aprovado Recentemente) === */
:root {
    --cor-primaria-pl: rgba(5, 151, 226, 1);
    --cor-primaria-hover: #036aa0;
    --cor-secundaria-pl: #FFD700; 
    --cor-secundaria-hover: #eab600;

    --cor-fundo-pagina: #f0f4f8; 
    --cor-fundo-card: #FFFFFF;
    --cor-fundo-card-colorido: #EAF6FD;
    --cor-fundo-card-header-sutil: #f7faff;
    
    --cor-texto-principal: #2c3e50; 
    --cor-texto-secundario: #525f7f; 
    --cor-texto-claro: #f8f9fa;
    --cor-texto-sobre-amarelo: #2c3e50;

    --cor-cinza-borda: #d1d9e6;
    --cor-borda-card-hover: var(--cor-primaria-pl);
    --cor-sucesso: #16a34a; 
    
    --sombra-card: 0 10px 20px rgba(50, 50, 93, 0.08), 0 3px 6px rgba(0,0,0,0.05);
    --sombra-card-hover: 0 15px 30px rgba(0, 86, 214, 0.12), 0 5px 10px rgba(0,86,214,0.09);
    --sombra-botao: 0 4px 12px rgba(0,0,0, 0.12); 
    --sombra-botao-hover: 0 7px 14px rgba(0,0,0, 0.18);
    --sombra-hero-texto: 1px 1px 2px rgba(0,0,0,0.3);
    --sombra-leve: 0 4px 8px rgba(50, 50, 93, 0.07), 0 2px 4px rgba(0,0,0,0.04);

    --font-titulos: 'Montserrat', sans-serif;
    --font-corpo: 'Roboto', sans-serif;
    --font-cta: 'Poppins', sans-serif;
    --font-destaque: 'Poppins', sans-serif;

    --transicao-padrao: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius-padrao: 10px;
    --border-radius-pequeno: 6px; /* Para elementos menores */
}

/* === ESTILOS GERAIS === */
*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: var(--font-corpo); margin: 0; padding: 0;
    line-height: 1.65; /* Aumentado ligeiramente para melhor leitura em texto corrido */
    color: var(--cor-texto-principal);
    background-color: var(--cor-fundo-pagina);
    font-size: 16px; /* Base para rem, ajustada em media queries se necessário */
    font-weight: 400;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
.container { width: 90%; max-width: 1000px; margin: 0 auto; padding: 0 10px; } 
a { color: var(--cor-primaria-pl); text-decoration: none; font-weight: 500; transition: var(--transicao-padrao); }
a:hover { color: var(--cor-secundaria-pl); }
strong { font-weight: 700; }

p, h1, h2, h3, h4, li, span {
    word-wrap: break-word; overflow-wrap: break-word;
    -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}

/* === HEADER OCULTO === */
.page-header-hidden { display: none; }

/* === MAIN CONTENT === */
.main-content-afiliados-novo { padding-top: 0; padding-bottom: 40px; } /* Reduzido padding-bottom */

/* === HERO SECTION === */
.hero-section-afiliados-novo {
    background-color: var(--cor-primaria-pl); 
    color: var(--cor-texto-claro);
    padding: 40px 15px 50px; /* Reduzido padding vertical */
    text-align: center;
    position: relative;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 5px 20px rgba(0, 86, 214, 0.2); 
    overflow: hidden;
}
.hero-content-afiliados-novo { max-width: 750px; margin: 0 auto; position: relative; z-index: 1;}
.hero-main-title { 
    font-family: var(--font-titulos);
    font-size: clamp(1.8rem, 5vw, 3rem); /* Reduzido min e max para mobile */
    font-weight: 800; margin-bottom: 8px; line-height: 1.2;
    text-shadow: var(--sombra-hero-texto);
    display: flex; 
    flex-direction: column; /* Empilha ícone e texto em telas muito pequenas se necessário */
    align-items: center; 
    justify-content: center; 
    gap: 8px; 
}
.hero-title-icon-wrapper { 
    display: inline-flex; 
    align-items: center; 
    font-size: 0.9em; /* Ajustado */
    animation: pulseStarHero 2.5s infinite ease-in-out;
    color: var(--cor-secundaria-pl); 
    line-height: 1;
}
@keyframes pulseStarHero {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.9; }
    50% { transform: scale(1.1) rotate(5deg); opacity: 1; } /* Reduzido scale */
}

.hero-section-afiliados-novo h2 {
    font-family: var(--font-cta);
    font-size: clamp(1.2rem, 3.8vw, 2rem); /* Reduzido min e max */
    font-weight: 600; margin-bottom: 15px; opacity: 0.9;
}
.comissao-destaque-novo { color: var(--cor-secundaria-pl); font-weight: 700; }
.subtitle-afiliados-novo {
    font-size: clamp(0.9rem, 2.5vw, 1.1rem); /* Reduzido min e max */
    line-height: 1.6; opacity: 0.9;
    max-width: 650px; margin: 0 auto 25px;
}
.cta-button-main { 
    display: inline-block;
    font-family: var(--font-cta);
    font-weight: 600;
    text-align: center;
    border-radius: var(--border-radius-pequeno); /* Ajustado */
    transition: var(--transicao-padrao);
    cursor: pointer;
    box-shadow: var(--sombra-botao);
}
.cta-button-main:hover {
    transform: translateY(-2px);
    box-shadow: var(--sombra-botao-hover);
}
.cta-button-main.hero-cta-main {
    background-color: var(--cor-secundaria-pl); color: var(--cor-texto-sobre-amarelo);
    font-size: 1.1rem !important; padding: 12px 30px !important; /* Reduzido padding */
}
.cta-button-main.hero-cta-main:hover {
    background-color: var(--cor-secundaria-hover);
}

/* === CONTAINER DO ARTIGO E CARDS === */
.afiliados-article-wrapper { margin-top: -25px; position: relative; z-index: 2; margin-bottom: 30px;}
.afiliados-content-detailed {
    background-color: var(--cor-fundo-card); padding: 20px 15px; /* Reduzido padding */
    border-radius: var(--border-radius-padrao); box-shadow: var(--sombra-card);
}

.afiliados-info-card {
    background-color: var(--cor-fundo-card);
    border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--border-radius-padrao);
    margin-bottom: 20px; /* Reduzido */
    box-shadow: var(--sombra-card);
    transition: var(--transicao-padrao);
    overflow: hidden;
}
.afiliados-info-card:hover {
    transform: translateY(-4px) scale(1.003); /* Sutil */
    box-shadow: var(--sombra-card-hover);
    border-color: var(--cor-borda-card-hover);
}
.afiliados-info-card.colored-bg-card-generic {
    background-color: var(--cor-fundo-card-colorido);
}
.afiliados-info-card:last-child { margin-bottom: 0; }

.card-header-afiliados {
    display: flex; align-items: center; gap: 10px; padding: 15px; /* Reduzido padding e gap */
    background-color: var(--cor-fundo-card-header-sutil);
    border-bottom: 1px solid var(--cor-cinza-borda);
}
.card-icon-afiliados { width: 22px; height: 22px; fill: var(--cor-primaria-pl); flex-shrink: 0; }
.afiliados-info-card h2 {
    font-family: var(--font-titulos); font-size: clamp(1.1rem, 3vw, 1.4rem); /* Reduzido */
    color: var(--cor-primaria-pl); margin: 0; font-weight: 700;
}

.card-body-afiliados { padding: 15px; } /* Reduzido */
.card-body-afiliados h3 {
    font-family: var(--font-destaque); font-size: 1.05rem; /* Reduzido */
    color: var(--cor-texto-principal); margin-top: 8px; margin-bottom: 6px;
    font-weight: 700;
}
.card-body-afiliados p, .card-body-afiliados ul li, .card-body-afiliados ol li {
    font-size: 0.9rem; /* Reduzido */
    color: var(--cor-texto-secundario);
    margin-bottom: 10px; line-height: 1.6;
}
.highlight-text-main { color: var(--cor-primaria-pl); font-weight: 700; } 

.info-box-styled.affiliates-ideal-box {
    background: var(--cor-fundo-card-colorido); padding: 12px; /* Reduzido */
    border-radius: var(--border-radius-pequeno); margin: 15px 0;
    border-left: 3px solid var(--cor-secundaria-pl);
    font-size: 0.95rem; /* Reduzido */
}
.info-box-styled.affiliates-ideal-box p { margin-bottom: 0; color: var(--cor-texto-principal); }
.text-highlight-secondary { color: var(--cor-primaria-pl); font-weight: 600; } 

.promise-text-styled.affiliates-promise {
    font-family: var(--font-cta); font-size: 1.1rem; /* Reduzido */
    font-weight: 600;
    color: var(--cor-primaria-pl); text-align: center; margin-top: 15px;
}

.benefits-grid-styled.affiliates-benefits-grid {
    display: grid; grid-template-columns: 1fr; /* Uma coluna por padrão para mobile */
    gap: 12px; margin-top: 12px; /* Reduzido */
}
.benefit-item-styled {
    background-color: var(--cor-fundo-card); padding: 12px; /* Reduzido */
    border-radius: var(--border-radius-pequeno); text-align: left; box-shadow: var(--sombra-leve);
    border: 1px solid var(--cor-cinza-borda); 
    display: flex; align-items: flex-start; gap: 10px; 
}
.benefit-item-styled span { font-size: 1.1rem; color: var(--cor-primaria-pl); line-height: 1.2; flex-shrink: 0;}
.benefit-item-styled > div { flex-grow: 1; }
.benefit-item-styled h4 { 
    font-family: var(--font-destaque); font-size: 1rem; /* Reduzido */
    color: var(--cor-texto-principal); font-weight: 700; margin: 0 0 3px 0;
}
.benefit-item-styled p { font-size: 0.85rem; color: var(--cor-texto-secundario); margin:0; line-height: 1.5;}

.section-paragraph-highlight-styled.affiliates-highlight-para {
    font-size: 1rem; /* Reduzido */
    color: var(--cor-texto-principal);
    margin: 15px auto 0; text-align: center; font-weight: 500; padding: 10px 12px;
    background-color: var(--cor-fundo-card); border-left: 3px solid var(--cor-primaria-pl);
    border-radius: 0 var(--border-radius-pequeno) var(--border-radius-pequeno) 0; box-shadow: var(--sombra-leve);
}

.steps-list-styled.affiliates-steps {
    list-style: none; padding-left: 0; counter-reset: stepCounterAfiliados;
    margin: 12px 0 0;
}
.steps-list-styled.affiliates-steps li {
    font-size: 0.9rem; padding: 10px 12px 10px 38px; /* Ajustado padding-left */
    position: relative; margin-bottom: 8px; 
    background-color: var(--cor-fundo-card-colorido);
    border-radius: var(--border-radius-pequeno); color: var(--cor-texto-principal);
}
.steps-list-styled.affiliates-steps li span:first-child {
    counter-increment: stepCounterAfiliados; content: counter(stepCounterAfiliados)"º";
    position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
    background-color: var(--cor-primaria-pl); color: var(--cor-texto-claro);
    width: 22px; height: 22px; border-radius: 50%; /* Reduzido */
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-destaque); font-size: 0.75rem; font-weight: 700; /* Reduzido */
    box-shadow: var(--sombra-leve);
}
.earning-potential-styled.affiliates-earning {
    font-family: var(--font-cta); font-size: 1.05rem; /* Reduzido */
    font-weight: 600;
    color: var(--cor-sucesso); text-align: center; margin-top: 15px;
    padding: 8px; background: linear-gradient(45deg, #e6fff2, #ffffff);
    border-radius: var(--border-radius-pequeno); border: 1px solid var(--cor-cinza-borda);
}

.tips-list-styled.affiliates-tips {
    list-style: none; padding-left: 0; margin: 12px 0 0;
}
.tips-list-styled.affiliates-tips li {
    font-size: 0.9rem; margin-bottom: 8px; padding-left: 25px; /* Ajustado */
    position: relative; color: var(--cor-texto-principal);
}
.tips-list-styled.affiliates-tips li span:first-child {
    position: absolute; left: 0; top: 1px; font-size: 1em; color: var(--cor-primaria-pl);
}
.tips-list-styled.affiliates-tips li strong { font-weight: 600; color: var(--cor-texto-principal) }

.highlight-box-styled.affiliates-highlight-box {
    background: var(--cor-fundo-card); border-left: 3px solid var(--cor-secundaria-pl);
    padding: 12px; margin: 15px auto 0; 
    border-radius: 0 var(--border-radius-pequeno) var(--border-radius-pequeno) 0;
    color: var(--cor-texto-principal); text-align: center;
    box-shadow: var(--sombra-leve);
}
.highlight-box-styled.affiliates-highlight-box p { margin-bottom: 0; font-size: 0.9rem;}
.bold-highlight-styled { font-weight: 700; color: var(--cor-primaria-pl); }

.join-steps-styled.affiliates-join-steps {
    list-style: none; padding: 0; margin: 15px 0 0;
    counter-reset: joinStepCounterAfiliados;
}
.join-steps-styled.affiliates-join-steps li {
    background-color: var(--cor-fundo-card-colorido); padding: 12px 15px 12px 40px; /* Ajustado */
    border-radius: var(--border-radius-pequeno); margin-bottom: 10px; position: relative;
    box-shadow: var(--sombra-leve);
}
.join-steps-styled.affiliates-join-steps li::before {
    counter-increment: joinStepCounterAfiliados; content: counter(joinStepCounterAfiliados);
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    background-color: var(--cor-secundaria-pl); color: var(--cor-texto-sobre-amarelo);
    width: 22px; height: 22px; border-radius: 50%; /* Reduzido */
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-destaque); font-size: 0.8rem; font-weight: 700; /* Reduzido */
    box-shadow: var(--sombra-leve);
}
.join-steps-styled.affiliates-join-steps h4 { 
    font-family: var(--font-destaque); font-size: 1rem; color: var(--cor-primaria-pl); /* Reduzido */
    margin-top: 0; margin-bottom: 4px; font-weight: 700;
}
.join-steps-styled.affiliates-join-steps p { font-size: 0.85rem; color: var(--cor-texto-secundario); margin-bottom: 0; }
.email-link-styled { font-weight: 600; color: var(--cor-primaria-pl); }
.email-link-styled:hover { color: var(--cor-secundaria-pl); }


.final-cta-styled.affiliates-final-cta {
    text-align: center; margin-top: 25px;
}
.transform-call-styled {
    font-size: 1rem; color: var(--cor-texto-principal); margin-bottom: 15px; font-weight: 500;
}
.cta-button-main.final-cta-main-blue { 
    background-color: var(--cor-primaria-pl); color: var(--cor-texto-claro);
    font-size: 1rem !important; padding: 12px 28px !important; /* Ajustado padding */
}
.cta-button-main.final-cta-main-blue:hover {
    background-color: var(--cor-primaria-hover);
}

/* === SEÇÃO DE CONEXÃO SOCIAL FINAL === */
.social-connect-final-styled {
    margin-top: 30px; padding: 20px 15px; text-align: center;
    background-color: var(--cor-fundo-card); border-radius: var(--border-radius-padrao);
    box-shadow: var(--sombra-card); border-top: 3px solid var(--cor-primaria-pl);
}
.social-title-final-styled {
    font-family: var(--font-destaque); font-size: 1.3rem; color: var(--cor-texto-principal); /* Reduzido */
    margin-top: 0; margin-bottom: 20px;
    font-weight: 700;
}
.social-icons-group-final-styled {
    display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; /* Reduzido gap */
}
.social-link-final {
    display: flex; flex-direction: column; align-items: center;
    color: var(--cor-texto-secundario); transition: var(--transicao-padrao);
    padding: 5px;
}
.social-link-final svg {
    width: 26px; height: 26px; margin-bottom: 5px; /* Reduzido */
    stroke: currentColor; fill: none; stroke-width: 1.8;
}
.social-link-final:nth-child(1) svg { stroke-width: 2; } 
.social-link-final:nth-child(2) svg polygon, 
.social-link-final:nth-child(2) svg path { fill: currentColor; stroke: none;} 
.social-link-final:nth-child(3) svg path { fill: currentColor; stroke: none;} 

.social-link-final span { font-size: 0.8rem; font-weight: 500; } /* Reduzido */
.social-link-final:hover { color: var(--cor-primaria-pl); transform: translateY(-2px); text-decoration: none;}
.social-link-final.whatsapp:hover { color: var(--cor-sucesso); }


/* === RESPONSIVIDADE === */

/* Tablet e acima (Estilos base já são mobile-first, aqui são os ajustes para telas maiores) */
@media (min-width: 600px) { /* Um breakpoint intermediário */
    .container { padding: 0 15px; }
    .hero-main-title { flex-direction: row; gap: 12px; } /* Ícone ao lado do texto */
    .benefits-grid-styled.affiliates-benefits-grid { 
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Reativa o grid para mais colunas */
    }
    .cta-button-main.hero-cta-main,
    .cta-button-main.final-cta-main-blue {
        /* display: inline-block; width: auto; */ /* Garante que não sejam full-width */
    }
}

@media (min-width: 769px) { /* Tablet em paisagem e Desktops pequenos */
    body { font-size: 16px; /* Restaura se foi alterado para mobile muito pequeno */ }
    .hero-section-afiliados-novo { padding: 50px 20px 60px; border-radius: 0 0 30px 30px; }
    .hero-main-title { font-size: clamp(2.3rem, 5.5vw, 3.4rem); }
    .hero-section-afiliados-novo h2 { font-size: clamp(1.5rem, 4vw, 2.2rem); }
    .subtitle-afiliados-novo { font-size: 1.15rem; max-width: 700px; margin-bottom: 30px; }
    .afiliados-article-wrapper { margin-top: -30px; margin-bottom: 40px;}
    .afiliados-content-detailed { padding: 30px 25px; }
    .afiliados-info-card { margin-bottom: 25px; }
    .card-header-afiliados { padding: 18px 20px; gap: 12px; }
    .card-icon-afiliados { width: 24px; height: 24px; }
    .afiliados-info-card h2 { font-size: clamp(1.25rem, 3.2vw, 1.6rem); }
    .card-body-afiliados { padding: 20px 25px; }
    .card-body-afiliados p, .card-body-afiliados ul li, .card-body-afiliados ol li { font-size: 0.95rem; }
    
    .info-box-styled.affiliates-ideal-box { padding: 15px; font-size: 1rem; }
    .promise-text-styled.affiliates-promise { font-size: 1.2rem; margin-top: 18px; }
    .benefits-grid-styled.affiliates-benefits-grid { gap: 18px; margin-top: 15px; }
    .benefit-item-styled { padding: 18px; gap: 12px; }
    .benefit-item-styled span { font-size: 1.3rem; }
    .benefit-item-styled h4 { font-size: 1.05rem; }
    .benefit-item-styled p { font-size: 0.88rem; }

    .steps-list-styled.affiliates-steps li { font-size: 0.95rem; padding: 12px 15px 12px 45px; margin-bottom: 10px; }
    .steps-list-styled.affiliates-steps li span:first-child { width: 28px; height: 28px; font-size: 0.85rem; left: 10px;}
    .earning-potential-styled.affiliates-earning { font-size: 1.15rem; margin-top: 18px; padding: 10px;}

    .join-steps-styled.affiliates-join-steps li { padding: 18px 20px 18px 55px; margin-bottom: 12px; }
    .join-steps-styled.affiliates-join-steps li::before { width: 28px; height: 28px; font-size: 0.9rem; left: 15px;}
    .join-steps-styled.affiliates-join-steps h4 { font-size: 1.1rem; }
    .join-steps-styled.affiliates-join-steps p { font-size: 0.9rem; }

    .final-cta-styled.affiliates-final-cta { margin-top: 30px; }
    .transform-call-styled { font-size: 1.1rem; }
    .cta-button-main.hero-cta-main { font-size: 1.2rem !important; padding: 15px 35px !important;}
    .cta-button-main.final-cta-main-blue { font-size: 1.1rem !important; padding: 14px 32px !important;}

    .social-connect-final-styled { margin-top: 40px; padding: 30px 20px;}
    .social-title-final-styled { font-size: 1.5rem; margin-bottom: 25px;}
    .social-icons-group-final-styled { gap: 28px; }
    .social-link-final svg { width: 30px; height: 30px; margin-bottom: 6px;}
    .social-link-final span { font-size: 0.85rem; }
}

/* Specific overrides for very small mobile screens if needed, though base is already mobile-first */
@media (max-width: 360px) {
    body { font-size: 14px; /* Further reduce base font size if text is too large */ }
    .hero-main-title { font-size: clamp(1.6rem, 5vw, 2.2rem); }
    .hero-section-afiliados-novo h2 { font-size: clamp(1.1rem, 3.8vw, 1.6rem); }
    .subtitle-afiliados-novo { font-size: clamp(0.85rem, 2.5vw, 1rem); }
    .container { padding: 0 8px; } /* Tighter padding for very narrow screens */

    .cta-button-main.hero-cta-main,
    .cta-button-main.final-cta-main-blue {
        font-size: 0.9rem !important; padding: 10px 20px !important; /* Smaller buttons */
    }
}/* End custom CSS */