.elementor-68254 .elementor-element.elementor-element-ddb369c{--display:flex;}.elementor-68254 .elementor-element.elementor-element-032c706{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-68254 .elementor-element.elementor-element-db4c3d9{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;font-style:italic;color:#B1B1B1;}.elementor-68254 .elementor-element.elementor-element-a06b470{--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;}.elementor-68254 .elementor-element.elementor-element-a06b470:not(.elementor-motion-effects-element-type-background), .elementor-68254 .elementor-element.elementor-element-a06b470 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-68254{padding:0px 0px 0px 0px;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

    :root {
        --primary-color: #0d6efd; /* Um azul mais vibrante */
        --success-color: #198754; /* Um verde mais sóbrio */
        --background-color: #f8f9fa;
        --text-color: #212529;
        --muted-color: #6c757d;
        --card-bg-color: #ffffff;
        --border-color: #dee2e6;
        --shadow-color: rgba(0, 0, 0, 0.06);
        --shadow-hover-color: rgba(0, 0, 0, 0.1);
    }

    body {
        font-family: 'Inter', sans-serif;
        background-color: var(--background-color);
        color: var(--text-color);
        line-height: 1.6;
        margin: 0;
        padding: 20px;
    }

    /* === ESTRUTURA PRINCIPAL === */
    .container {
        max-width: 900px;
        margin: 20px auto;
        padding: clamp(15px, 4vw, 40px);
        background-color: var(--card-bg-color);
        border-radius: 16px;
        box-shadow: 0 8px 30px var(--shadow-color);
    }

    h1 {
        text-align: center;
        color: var(--primary-color);
        font-weight: 700;
        font-size: clamp(2em, 5vw, 2.5em);
        margin-bottom: 10px;
    }
    
    h1 + p {
        text-align: center;
        margin-bottom: 40px;
        color: var(--muted-color);
        font-size: 1.1em;
    }

    h3 {
        font-size: 1.8em;
        color: var(--text-color);
        border-left: 4px solid var(--primary-color);
        padding-left: 15px;
        margin-top: 60px;
        margin-bottom: 30px;
    }
    
    /* === LISTA DE FRASES MODERNIZADA (SEU PEDIDO) === */
    .bio-list {
        list-style: none;
        padding: 0;
        counter-reset: bio-counter;
    }

    .bio-list li {
        counter-increment: bio-counter;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--card-bg-color);
        padding: 15px 20px;
        margin-bottom: 12px;
        border-radius: 10px;
        border: 2px solid var(--border-color);
        box-shadow: 0 4px 10px var(--shadow-color);
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        cursor: pointer; /* Torna o item inteiro clicável */
    }

    .bio-list li:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 15px var(--shadow-hover-color);
        border-color: var(--primary-color);
    }

    .bio-list li:active {
        transform: translateY(-1px) scale(0.99); /* Efeito de pressionar */
        box-shadow: 0 4px 10px var(--shadow-color);
    }
    
    .bio-list li.copied {
        border-color: var(--success-color);
        box-shadow: 0 8px 15px rgba(25, 135, 84, 0.15);
    }

    .bio-list li::before {
        content: counter(bio-counter);
        font-weight: 700;
        color: var(--primary-color);
        background-color: #e7f1ff;
        border-radius: 50%;
        min-width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        font-size: 0.9em;
        margin-right: 15px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    
    .bio-list li:hover::before {
        background-color: var(--primary-color);
        color: white;
    }

    .bio-list li.copied::before {
        background-color: var(--success-color);
        color: white;
    }

    .phrase-text {
        flex-grow: 1;
        padding-right: 15px;
        color: var(--text-color);
    }
    
    /* === BOTÃO DE COPIAR MODERNIZADO (SEU PEDIDO) === */
    .copy-btn {
        background-color: var(--card-bg-color);
        color: var(--primary-color);
        border: 2px solid var(--primary-color);
        padding: 8px 15px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.9em;
        transition: all 0.2s ease;
        white-space: nowrap;
    }

    .bio-list li:hover .copy-btn {
        background-color: var(--primary-color);
        color: white;
    }
    
    .bio-list li.copied .copy-btn {
        background-color: var(--success-color);
        border-color: var(--success-color);
        color: white;
    }
    
    /* === INTRODUÇÃO === */
    .section-container { max-width: 1100px; margin: 80px auto; padding: 0 20px; }
    .intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
    .intro-text h2 { font-size: clamp(2em, 5vw, 2.8em); line-height: 1.2; color: var(--primary-color); margin-bottom: 20px; }
    .intro-text p { font-size: 1.1em; color: var(--muted-color); margin-bottom: 15px; }
    .intro-text p:last-of-type { font-weight: 600; color: var(--text-color); }
    .intro-image img { width: 100%; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: rotate(2deg); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .intro-image img:hover { transform: rotate(0) scale(1.03); }

    /* === SEÇÃO FINAL MODERNIZADA (SEU PEDIDO) === */
    .final-section-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
    .final-section .content-block { background: var(--card-bg-color); padding: 30px; border-radius: 12px; box-shadow: 0 6px 20px var(--shadow-color); margin-bottom: 30px; }
    .final-section h3 { font-size: 1.6em; margin-top: 0; color: var(--primary-color); border: none; padding-left: 0; margin-bottom: 20px; }
    .final-section p, .final-section li { color: var(--muted-color); font-size: 1em; }
    .final-section ul, .final-section ol { padding-left: 20px; }
    
    /* Vantagens e Benefícios */
    .benefits-list { list-style: none; padding: 0; }
    .benefits-list li { display: flex; align-items: flex-start; margin-bottom: 15px; font-weight: 500; color: var(--text-color); }
    .benefits-list li svg { width: 22px; height: 22px; color: var(--success-color); margin-right: 12px; flex-shrink: 0; margin-top: 3px; }
    
    /* FAQ (Perguntas Frequentes) */
    .faq-container { border: none; }
    .faq-item { border-bottom: 1px solid var(--border-color); }
    .faq-item:last-child { border-bottom: none; }

    .faq-question { width: 100%; background: none; border: none; text-align: left; padding: 20px 5px; font-size: 1.05em; font-weight: 600; color: var(--text-color); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: color 0.2s ease;}
    .faq-question:hover { color: var(--primary-color); }

    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease-in-out, padding 0.35s ease; padding: 0 5px; }
    .faq-answer p { margin: 0; padding-bottom: 20px; color: var(--muted-color); }
    .faq-item.active .faq-answer { max-height: 200px; }
    
    .faq-toggle-icon { transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .faq-item.active .faq-toggle-icon { transform: rotate(180deg); }

    /* Tabela */
    .summary-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 0.95em; }
    .summary-table th, .summary-table td { border: 1px solid var(--border-color); padding: 12px 15px; text-align: left; }
    .summary-table th { background-color: var(--background-color); font-weight: 600; }
    .summary-table tbody tr:nth-child(even) { background-color: #fdfdfd; }
    
    /* Responsividade */
    @media (max-width: 800px) {
        .intro-grid { grid-template-columns: 1fr; }
        .intro-image { order: -1; margin-bottom: 30px;}      
    }
    .author-info { font-size: 0.9em; color: #6c757d; margin-bottom: 25px; display: flex; justify-content: center;}
    .author_link { background-color: rgba(214, 51, 132, 0.1); text-decoration: none; color: #212529; padding: 2px 6px; border-radius: 4px; }
    .cta-container-in-article { text-align: center; margin: 50px 0; display: flex; justify-content: center;}
    .pulsating-cta {
            display: inline-block;
            background: linear-gradient(45deg, #0d6efd, #0d95fd);
            color: #ffffff;
            padding: 18px 36px;
            border-radius: 50px;
            font-family: 'Inter', sans-serif;
            font-size: 1.15em;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: 0.5px;
            border: none;
            box-shadow: 0 5px 20px 0 rgba(13, 110, 253, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation: pulse-cta 2.5s infinite ease-in-out;
            margin: 20px 0px;

        }
        .pulsating-cta:hover { transform: translateY(-5px); box-shadow: 0 8px 35px 0 rgba(13, 110, 253, 0.5); animation-play-state: paused; }

        @media (min-width: 769px){
            .banner_mobile { display: none !important; }
        }
        @media (max-width: 768px){
            .banner_desk { display: none !important; }
            .pulsating-cta { font-size: 1.05em; }
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://lp.publiko.me/wp-content/uploads/2025/07/Inter_18pt-Thin.woff2') format('woff2');
}
/* End Custom Fonts CSS */