.elementor-568 .elementor-element.elementor-element-165ea25{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4356051 *//* ========================================================================= */
/* 1. VARIÁVEIS DE DESIGN E CORES INSTITUCIONAIS */
/* ========================================================================= */
:root {
    --primary-navy-dark: #010740; /* Novo Azul para H1/H2 */
    --primary-navy: #1a237e;     /* Azul Institucional */
    --primary-gold: #d4af37;     /* Gold */
    --cream: #fefcf8;            
    --pearl: #f8f6f0;            
    --light-gray: #f5f5f5;
    --medium-gray: #6b7280;
    --dark-gray: #2d3748;
    --charcoal: #1a202c;         
    --subtle: #e5e7eb;
    --success-green: #059669;
    --error-red: #dc2626;
    
    --font-display: 'Playfair Display', serif;
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}

/* Base Global e Utilitários */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--dark-gray); line-height: 1.6; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.section-padding { padding: 80px 0; }
.section-padding-hero { padding: 100px 0 60px 0; }
.pt-header { padding-top: 130px; }

/* Tipografia */
.heading-display-lg { font-family: var(--font-display); font-size: 4.5rem; line-height: 1.1; font-weight: 700; }
.heading-1 { font-family: var(--font-heading); font-size: 2.5rem; line-height: 1.2; font-weight: 700; }
.heading-3 { font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.4; }
.body-super-large { font-size: 1.25rem; line-height: 1.5; font-weight: 600; }
.body-large { font-size: 1.125rem; }
.body-regular { font-size: 1rem; }

/* Cores e Layouts */
.text-navy-dark { color: var(--primary-navy-dark); }
.text-primary-gold { color: var(--primary-gold); }
.grid-2-col-content { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: start; }
.flex { display: flex; }
.justify-center { justify-content: center; }
.space-x-6 > * + * { margin-left: 1.5rem; }

/* Botões de Destaque */
.btn-primary-lg, .btn-outline-lg {
    display: inline-block; padding: 18px 40px; font-weight: 700; text-decoration: none; border-radius: 4px; transition: all 0.3s; margin-top: 10px;
}
.btn-primary-lg { background-color: var(--primary-navy); color: var(--cream); border: 2px solid var(--primary-navy); }
.btn-primary-lg:hover { background-color: var(--primary-navy-light); }
.btn-outline-lg { background-color: transparent; color: var(--primary-navy); border: 2px solid var(--primary-navy); }
.btn-outline-lg:hover { background-color: var(--primary-navy); color: var(--cream); }
.btn-secondary-white { background-color: white; color: var(--primary-navy); padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: 600; display: inline-block; transition: background-color 0.3s; }
.btn-secondary-white:hover { background-color: var(--light-gray); }

/* Listas de Destaque */
.lastro-list, .ia-features-list, .social-metrics-list { list-style: none; padding-left: 0; }
.lastro-list li { margin-bottom: 15px; font-size: 1.125rem; }
.ia-features-list li, .social-metrics-list li { margin-bottom: 10px; font-size: 1rem; }
.ia-features-list li::before { content: '✓'; color: var(--primary-gold); font-weight: bold; margin-right: 8px; }
.social-metrics-list li::before { content: '❤️'; margin-right: 8px; }

/* Visuais das Dobras 2 e 4 */
.lastro-visual-box, .impact-visual-box {
    background-color: var(--pearl);
    border-left: 4px solid var(--primary-gold);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    align-self: center;
}

/* ========================================================================= */
/* 5. ESTILOS DA TABELA DE COMPARAÇÃO (DOBRA 5) */
/* ========================================================================= */
.comparison-table-completa { max-width: 1200px; margin: 0 auto; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); }
.table-header-completa, .table-row-completa {
    display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); align-items: stretch; text-align: center; font-family: var(--font-body);
}

/* Cabeçalho Dourado */
.table-header-completa { background-color: var(--primary-gold); color: var(--primary-navy); font-weight: 700; }
.table-header-completa span { color: var(--primary-navy); font-family: var(--font-heading); font-size: 1.5rem; padding: 20px 15px; }
.table-header-completa > span:nth-child(1) { text-align: left; justify-content: flex-start; }

/* Células e Linhas de Grade */
.table-row-completa { background-color: white; }
.table-row-completa > span { padding: 20px 15px; border-right: 1px solid var(--subtle); border-bottom: 1px solid var(--subtle); height: 100%; display: flex; align-items: center; justify-content: center; line-height: 1.4; }
.table-row-completa > span:last-child { border-right: none; }
.table-row-completa:last-child > span { border-bottom: none; }

/* Destaque ATSC COIN (Primeira Coluna de Dados) */
.text-primary-gold-check { background-color: var(--primary-gold); color: var(--primary-navy) !important; font-weight: 900; font-size: 1.25rem; border-left: 3px solid var(--primary-navy); border-right: 3px solid var(--primary-navy); border-bottom: 1px solid var(--primary-navy) !important; }
.table-row-completa span:nth-child(1) { text-align: left; justify-content: flex-start; font-family: var(--font-heading); font-weight: 700; color: var(--dark-gray); background-color: var(--pearl); }

/* Linha de Diferenciais Únicos */
.table-unique-row { background-color: var(--light-gray); font-style: italic; }
.table-unique-row span:nth-child(2) { grid-column: 2 / -1; justify-content: flex-start; text-align: left; background-color: transparent !important; border: none !important; }
.table-unique-row span:nth-child(1) { background-color: var(--dark-gray); color: white; }

/* ========================================================================= */
/* 6. RESPONSIVIDADE GERAL */
/* ========================================================================= */
@media (max-width: 1024px) { 
    .heading-display-lg { font-size: 3.5rem; }
    .heading-1 { font-size: 2rem; }
    .body-super-large { font-size: 1.1rem; }
    .grid-2-col-content { grid-template-columns: 1fr; }
    .lastro-visual-box, .impact-visual-box, .roadmap-visual-box { padding: 30px 20px; align-self: start; margin-top: 20px; }
    
    /* Tabelas em Mobile */
    .table-header-completa { display: none; }
    .comparison-table-completa { max-width: 95%; margin: 0 auto; }
    .table-row-completa { display: flex; flex-wrap: wrap; margin-bottom: 10px; border: 1px solid var(--subtle); padding: 0; }
    .table-row-completa span { border: none !important; padding: 10px 5px; }
    .table-row-completa span:nth-child(1) { width: 100%; border-bottom: 1px dotted var(--subtle); margin-bottom: 5px; }
    .table-row-completa span:not(:first-child) { flex: 1 1 20%; font-size: 0.9rem; position: relative; }
    .table-unique-row { border: 2px solid var(--primary-navy); }
    .table-unique-row span:nth-child(2) { grid-column: 1 / -1; font-style: normal; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--subtle); }
}/* End custom CSS */