/**
 * ===================================================================
 * CORREÇÃO DEFINITIVA - FONTE SF PRO DISPLAY + TEMA ESCURO
 * ===================================================================
 *
 * PROBLEMA: styles.css inline define fonte Inter e tema claro
 *
 * SOLUÇÃO:
 * 1. Forçar SF Pro Display em 100% dos elementos (*, ::before, ::after)
 * 2. Preservar Font Awesome para ícones
 * 3. Manter tema escuro na seção Hub da Expansão
 *
 * Data: 2026-01-22
 * ===================================================================
 */

/* ===================================================================
   PARTE 1: FONTE SF PRO DISPLAY - FORÇA TOTAL
   =================================================================== */

/* Aplicar SF Pro Display em TODOS os elementos (exceto ícones) */
*:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]),
html,
body,
input,
select,
button,
textarea,
h1, h2, h3, h4, h5, h6,
p, span:not(.fa):not(.fas):not(.far):not(.fab), a, div, li, td, th,
article, section, header, footer, nav, main, aside,
label, legend, fieldset, option, optgroup {
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Variável CSS para fonte */
:root {
    --font-sf-pro: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ===================================================================
   PARTE 2: PRESERVAR FONT AWESOME - ÍCONES (CRÍTICO!)
   =================================================================== */

/* Font Awesome 6 Free - Solid (fas) e Regular (far) */
.fa,
.fas,
.far,
.fal,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-duotone,
i.fa,
i.fas,
i.far,
i.fal,
i.fad,
i.fa-solid,
i.fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 900 !important;
}

/* Font Awesome 6 Brands - Ícones de marcas (fab) */
.fab,
.fa-brands,
i.fab,
i.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 400 !important;
}

/* CRÍTICO: Pseudo-elementos ::before do Font Awesome */
.fa::before,
.fas::before,
.far::before,
.fal::before,
.fad::before,
.fa-solid::before,
.fa-regular::before,
i.fa::before,
i.fas::before,
i.far::before,
i[class^="fa-"]::before,
i[class*=" fa-"]::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* CRÍTICO: Pseudo-elementos ::before do Font Awesome Brands */
.fab::before,
.fa-brands::before,
i.fab::before,
i.fa-brands::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Ícones específicos que DEVEM usar Brands */
.fa-instagram::before,
.fa-facebook::before,
.fa-facebook-f::before,
.fa-twitter::before,
.fa-linkedin::before,
.fa-linkedin-in::before,
.fa-youtube::before,
.fa-whatsapp::before,
.fa-tiktok::before,
.fa-pinterest::before,
.fa-github::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* ===================================================================
   PARTE 3: TEMA ESCURO - SEÇÃO HUB DA EXPANSÃO
   =================================================================== */

/* Seção Principal - Background Dark Forçado */
section.sp-showcase-premium,
section#sao-paulo.sp-showcase-premium {
    position: relative !important;
    padding: 100px 0 !important;
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    background-color: #0a1628 !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

/* Background Overlay */
section.sp-showcase-premium .sp-showcase-bg,
section#sao-paulo.sp-showcase-premium .sp-showcase-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background:
        radial-gradient(ellipse at 20% 30%, rgba(0, 212, 170, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(0, 100, 200, 0.06) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Todos os elementos dentro da seção - Tema Escuro */
section.sp-showcase-premium *,
section#sao-paulo.sp-showcase-premium * {
    color: inherit !important;
}

section.sp-showcase-premium h1,
section.sp-showcase-premium h2,
section.sp-showcase-premium h3,
section.sp-showcase-premium h4,
section.sp-showcase-premium h5,
section.sp-showcase-premium h6 {
    color: #ffffff !important;
}

section.sp-showcase-premium p,
section.sp-showcase-premium span,
section.sp-showcase-premium div {
    color: inherit !important;
}

/* Container */
section.sp-showcase-premium .container {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Header da Seção */
section.sp-showcase-premium .sp-showcase-header {
    text-align: center !important;
    margin-bottom: 50px !important;
    position: relative !important;
    z-index: 2 !important;
}

section.sp-showcase-premium .sp-showcase-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 193, 7, 0.15) !important;
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #ffc107 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

section.sp-showcase-premium .sp-showcase-badge .pulse-dot {
    width: 8px !important;
    height: 8px !important;
    background: #ffc107 !important;
    border-radius: 50% !important;
    animation: pulse 2s ease-in-out infinite !important;
}

section.sp-showcase-premium .sp-showcase-header h2 {
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 16px !important;
    line-height: 1.2 !important;
}

section.sp-showcase-premium .sp-showcase-subtitle {
    font-size: 1.2rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

section.sp-showcase-premium .gradient-text {
    background: linear-gradient(135deg, #00d4aa 0%, #0064c8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Localização Destaque */
section.sp-showcase-premium .sp-location-highlight {
    text-align: center !important;
    margin-bottom: 40px !important;
    position: relative !important;
    z-index: 2 !important;
}

section.sp-showcase-premium .sp-location-highlight p {
    font-size: 1.1rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

section.sp-showcase-premium .sp-location-highlight strong {
    color: #00d4aa !important;
    font-weight: 700 !important;
}

section.sp-showcase-premium .location-icon {
    display: inline-block !important;
    margin-bottom: 10px !important;
}

section.sp-showcase-premium .location-icon i {
    font-size: 2rem !important;
    color: #00d4aa !important;
}

/* Números do Projeto */
section.sp-showcase-premium .sp-numbers-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 30px !important;
    margin-top: 50px !important;
    position: relative !important;
    z-index: 2 !important;
}

section.sp-showcase-premium .sp-number-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

section.sp-showcase-premium .sp-number-card:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
    transform: translateY(-5px) !important;
}

section.sp-showcase-premium .sp-number-card .number-value {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #00d4aa !important;
    margin-bottom: 10px !important;
    line-height: 1 !important;
}

section.sp-showcase-premium .sp-number-card .number-label {
    font-size: 1rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 500 !important;
}

/* Diferenciais */
section.sp-showcase-premium .sp-diff-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    margin-top: 50px !important;
    position: relative !important;
    z-index: 2 !important;
}

section.sp-showcase-premium .sp-diff-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    transition: all 0.3s ease !important;
}

section.sp-showcase-premium .sp-diff-card:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
    transform: translateY(-5px) !important;
}

section.sp-showcase-premium .sp-diff-card .diff-icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 100, 200, 0.2) 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

section.sp-showcase-premium .sp-diff-card .diff-icon i {
    font-size: 1.8rem !important;
    color: #00d4aa !important;
}

section.sp-showcase-premium .sp-diff-card .diff-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

section.sp-showcase-premium .sp-diff-card .diff-desc {
    font-size: 0.95rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.6 !important;
}

/* ===================================================================
   PARTE 4: ANIMAÇÕES
   =================================================================== */

@keyframes pulse {
    0%, 100% {
        opacity: 1 !important;
        transform: scale(1) !important;
    }
    50% {
        opacity: 0.5 !important;
        transform: scale(1.2) !important;
    }
}

/* ===================================================================
   PARTE 5: RESPONSIVE
   =================================================================== */

@media (max-width: 768px) {
    section.sp-showcase-premium {
        padding: 60px 0 !important;
    }

    section.sp-showcase-premium .sp-showcase-header h2 {
        font-size: 2rem !important;
    }

    section.sp-showcase-premium .sp-showcase-subtitle {
        font-size: 1rem !important;
    }

    section.sp-showcase-premium .sp-numbers-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    section.sp-showcase-premium .sp-number-card {
        padding: 20px !important;
    }

    section.sp-showcase-premium .sp-number-card .number-value {
        font-size: 2rem !important;
    }

    section.sp-showcase-premium .sp-diff-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===================================================================
   PARTE 6: GRID DE ATLETAS - 3 COLUNAS LARGURA TOTAL
   =================================================================== */

.athletes-premium-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.athlete-premium-card {
    width: 100% !important;
    max-width: 100% !important;
}

.athlete-image-wrap {
    height: 320px !important;
}

.athlete-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Responsive - Atletas */
@media (max-width: 992px) {
    .athletes-premium-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }

    .athlete-image-wrap {
        height: 280px !important;
    }
}

@media (max-width: 768px) {
    .athletes-premium-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .athlete-image-wrap {
        height: 300px !important;
    }
}

/* ===================================================================
   PARTE 7: CORREÇÃO DE TEXTOS ESCUROS - SEÇÕES ESPECÍFICAS
   =================================================================== */

/* SEÇÃO: PROPÓSITO (purpose-premium) */
.purpose-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.purpose-premium * {
    color: inherit !important;
}

.purpose-premium h2,
.purpose-premium h3,
.purpose-premium h4 {
    color: #ffffff !important;
}

.purpose-premium p,
.purpose-premium span,
.purpose-premium blockquote {
    color: rgba(255, 255, 255, 0.9) !important;
}

.purpose-premium strong {
    color: #00d4aa !important;
}

/* Purpose Badge */
.purpose-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border: 1px solid rgba(0, 212, 170, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #00d4aa !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Purpose Intro */
.purpose-intro p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem !important;
}

/* Purpose Quote */
.purpose-quote-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 40px !important;
}

.purpose-quote-card blockquote {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.purpose-quote-card .quote-icon i {
    color: #00d4aa !important;
}

/* Purpose Description */
.purpose-description p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Purpose Category Box */
.purpose-category-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 40px !important;
}

.purpose-category-box .category-header h3 {
    color: #ffffff !important;
}

.purpose-category-box .category-icon i {
    color: #ffffff !important;
}

.purpose-category-box p,
.purpose-category-box span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.category-feature span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.feature-check {
    background: rgba(0, 212, 170, 0.15) !important;
    border-radius: 50% !important;
}

.feature-check i {
    color: #00d4aa !important;
}

/* SEÇÃO: TECNOLOGIA (technology-premium) */
.technology-premium,
.technology-new-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.technology-premium *,
.technology-new-premium * {
    color: inherit !important;
}

.technology-premium h2,
.technology-premium h3,
.technology-premium h4,
.technology-new-premium h2,
.technology-new-premium h3,
.technology-new-premium h4 {
    color: #ffffff !important;
}

.technology-premium p,
.technology-premium span,
.technology-new-premium p,
.technology-new-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.technology-premium strong,
.technology-new-premium strong {
    color: #00d4aa !important;
}

/* Technology Badge */
.technology-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 100, 200, 0.15) !important;
    border: 1px solid rgba(0, 100, 200, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #0096ff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Technology Intro */
.technology-intro p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
}

/* Technology Spec Cards */
.spec-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    text-align: center !important;
}

.spec-card.featured {
    background: rgba(0, 212, 170, 0.1) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
}

.spec-icon i {
    color: #00d4aa !important;
    font-size: 1.8rem !important;
}

.spec-value {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
}

.spec-label {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.9rem !important;
}

/* Technology Patents Box */
.technology-patents-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 25px !important;
}

.technology-patents-box h4 {
    color: #ffffff !important;
}

.technology-patents-box p {
    color: rgba(255, 255, 255, 0.8) !important;
}

.patents-icon i {
    color: #ffc107 !important;
}

/* Technology Features Row */
.tech-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
}

.tech-feature-item i {
    color: #00d4aa !important;
}

.tech-feature-item span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: DIFERENCIAIS (differentials-premium) */
.differentials-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.differentials-premium h2,
.differentials-premium h3,
.differentials-premium h4 {
    color: #ffffff !important;
}

.differentials-premium p,
.differentials-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: ESG */
.esg-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.esg-premium * {
    color: inherit !important;
}

.esg-premium h2,
.esg-premium h3,
.esg-premium h4 {
    color: #ffffff !important;
}

.esg-premium p,
.esg-premium span,
.esg-premium li {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ESG Badge */
.esg-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border: 1px solid rgba(0, 212, 170, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #00d4aa !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* ESG Subtitle */
.esg-subtitle {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 1.1rem !important;
}

/* ESG Cards */
.esg-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 30px !important;
}

.esg-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.esg-card-header h3 {
    color: #ffffff !important;
    font-size: 1.3rem !important;
    margin: 0 !important;
}

/* ESG Icons */
.esg-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.esg-icon i {
    font-size: 1.4rem !important;
    color: #00d4aa !important;
}

/* ESG List */
.esg-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.esg-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.esg-list li span {
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.5 !important;
}

.esg-list li i {
    color: #00d4aa !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

/* SEÇÃO: ABOUT / VALIDAÇÃO */
.about-surfcenter-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.about-surfcenter-premium h2,
.about-surfcenter-premium h3,
.about-surfcenter-premium h4 {
    color: #ffffff !important;
}

.about-surfcenter-premium p,
.about-surfcenter-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: INVESTMENT OFFER */
.investment-offer-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.investment-offer-premium h2,
.investment-offer-premium h3,
.investment-offer-premium h4 {
    color: #ffffff !important;
}

.investment-offer-premium p,
.investment-offer-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: WHY INVEST */
.why-invest-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.why-invest-premium h2,
.why-invest-premium h3,
.why-invest-premium h4 {
    color: #ffffff !important;
}

.why-invest-premium p,
.why-invest-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: VALUATION THESIS */
.valuation-thesis-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.valuation-thesis-premium h2,
.valuation-thesis-premium h3,
.valuation-thesis-premium h4 {
    color: #ffffff !important;
}

.valuation-thesis-premium p,
.valuation-thesis-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: LIQUIDITY POOL */
.liquidity-pool-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.liquidity-pool-premium h2,
.liquidity-pool-premium h3,
.liquidity-pool-premium h4 {
    color: #ffffff !important;
}

.liquidity-pool-premium p,
.liquidity-pool-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: CASHFLOW */
.cashflow-example-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.cashflow-example-premium h2,
.cashflow-example-premium h3,
.cashflow-example-premium h4 {
    color: #ffffff !important;
}

.cashflow-example-premium p,
.cashflow-example-premium span,
.cashflow-example-premium td,
.cashflow-example-premium th {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: GOVERNANCE */
.governance-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.governance-premium * {
    color: inherit !important;
}

.governance-premium h2,
.governance-premium h3,
.governance-premium h4 {
    color: #ffffff !important;
}

.governance-premium p,
.governance-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Governance Badge */
.governance-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border: 1px solid rgba(0, 212, 170, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #00d4aa !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Report Section */
.monthly-report-section {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 40px !important;
}

.report-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.report-header h3 {
    color: #ffffff !important;
}

.report-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.report-icon i {
    font-size: 1.4rem !important;
    color: #00d4aa !important;
}

.report-intro {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Report Features Grid */
.report-features-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 25px !important;
}

.report-feature {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 15px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.report-feature .feature-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.report-feature .feature-icon i {
    font-size: 1rem !important;
    color: #00d4aa !important;
}

.report-feature span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
}

/* Governance Partners */
.governance-partners-section h3 {
    color: #ffffff !important;
}

.governance-partner-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 25px !important;
}

.governance-partner-card .partner-role {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Governance Disclaimer */
.governance-disclaimer {
    background: rgba(255, 193, 7, 0.1) !important;
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.governance-disclaimer .disclaimer-icon i {
    color: #ffc107 !important;
    font-size: 1.5rem !important;
}

.governance-disclaimer p {
    color: rgba(255, 255, 255, 0.9) !important;
}

.governance-disclaimer strong {
    color: #ffc107 !important;
}

/* SEÇÃO: INVESTORS CLUB */
.investors-club-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.investors-club-premium * {
    color: inherit !important;
}

.investors-club-premium h2,
.investors-club-premium h3,
.investors-club-premium h4 {
    color: #ffffff !important;
}

.investors-club-premium p,
.investors-club-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Investors Club Badge */
.investors-club-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border: 1px solid rgba(0, 212, 170, 0.3) !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #00d4aa !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Club Intro Box */
.club-intro-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 30px !important;
}

.club-intro-box p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
}

.club-intro-box strong {
    color: #00d4aa !important;
}

/* Member Benefits Section */
.members-benefits-section h3 {
    color: #ffffff !important;
}

/* Member Benefit Cards */
.member-benefit-card {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 20px !important;
}

.member-benefit-card .benefit-icon {
    width: 45px !important;
    height: 45px !important;
    border-radius: 12px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.member-benefit-card .benefit-icon i {
    font-size: 1.2rem !important;
    color: #00d4aa !important;
}

.member-benefit-card span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.95rem !important;
}

/* Platform Objectives Section */
.platform-objectives-section h3 {
    color: #ffffff !important;
}

/* Objective Items */
.objective-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 15px !important;
    padding: 25px !important;
}

.objective-item.highlight {
    background: rgba(0, 212, 170, 0.1) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
}

.objective-number {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #00d4aa !important;
    opacity: 0.5 !important;
    min-width: 40px !important;
}

.objective-item p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* SEÇÃO: EXCLUSIVE BENEFITS */
.exclusive-benefits-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.exclusive-benefits-premium h2,
.exclusive-benefits-premium h3,
.exclusive-benefits-premium h4 {
    color: #ffffff !important;
}

.exclusive-benefits-premium p,
.exclusive-benefits-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: PARTNERS */
.partners-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.partners-premium h2,
.partners-premium h3,
.partners-premium h4 {
    color: #ffffff !important;
}

.partners-premium p,
.partners-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: TESTIMONIALS */
.testimonials-investor-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.testimonials-investor-premium h2,
.testimonials-investor-premium h3,
.testimonials-investor-premium h4 {
    color: #ffffff !important;
}

.testimonials-investor-premium p,
.testimonials-investor-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* SEÇÃO: CLOSING */
.closing-premium {
    background: linear-gradient(180deg, #060d16 0%, #0a1628 50%, #060d16 100%) !important;
    color: #ffffff !important;
}

.closing-premium h2,
.closing-premium h3,
.closing-premium h4 {
    color: #ffffff !important;
}

.closing-premium p,
.closing-premium span {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* FOOTER */
.footer-investor {
    background: #0a1628 !important;
    color: #ffffff !important;
}

.footer-investor h4 {
    color: #ffffff !important;
}

.footer-investor p,
.footer-investor span,
.footer-investor a {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Footer Contact Items */
.footer-investor .contact-item {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}

.footer-investor .contact-icon {
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.footer-investor .contact-icon i {
    font-size: 1.1rem !important;
    color: #00d4aa !important;
}

.footer-investor .contact-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.footer-investor .contact-info span {
    font-size: 0.85rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

.footer-investor .contact-info a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.footer-investor .contact-info a:hover {
    color: #00d4aa !important;
}

/* Footer Social Icons - FORÇAR VISIBILIDADE */
.footer-investor .social-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}

.footer-investor .social-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 15px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.footer-investor .social-card:hover {
    background: rgba(0, 212, 170, 0.1) !important;
    border-color: rgba(0, 212, 170, 0.3) !important;
}

.footer-investor .social-card i {
    font-size: 1.3rem !important;
    color: #00d4aa !important;
    width: 24px !important;
    text-align: center !important;
}

.footer-investor .social-card span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem !important;
}

/* GRADIENT TEXT - PRESERVAR */
.gradient-text {
    background: linear-gradient(135deg, #00d4aa 0%, #0064c8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===================================================================
   PARTE 8: FONT AWESOME - REGRAS ESPECÍFICAS POR CONTEXTO
   =================================================================== */

/* Footer - Ícones de contato (fas) */
.footer-investor .contact-icon i.fas,
.footer-investor .fa-map-marker-alt,
.footer-investor .fa-phone,
.footer-investor .fa-chevron-right {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* Footer - Ícones de redes sociais (fab) */
.footer-investor .social-card i.fab,
.footer-investor i.fa-instagram,
.footer-investor i.fa-linkedin-in,
.footer-investor i.fa-youtube,
.footer-investor i.fa-facebook-f,
.social-card .fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

/* Garantir display dos ícones */
.footer-investor i[class*="fa-"],
.social-card i,
.contact-icon i {
    display: inline-block !important;
    line-height: 1 !important;
}

/* ===================================================================
   PARTE 9: ÍCONES EM SEÇÕES ESPECÍFICAS
   =================================================================== */

/* Seção Funcionamento - Steps Timeline */
.steps-timeline {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.step-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 15px !important;
    padding: 20px !important;
}

.step-number {
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 212, 170, 0.2) !important;
    border: 2px solid #00d4aa !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 1.1rem !important;
    color: #00d4aa !important;
    flex-shrink: 0 !important;
}

.step-content {
    flex: 1 !important;
}

.step-content p {
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* Seção Relatório Mensal - Ícones */
.report-feature .feature-icon,
.report-icon {
    width: 45px !important;
    height: 45px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.report-feature .feature-icon i,
.report-icon i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
    color: #00d4aa !important;
    display: inline-block !important;
}

/* Seção Benefícios Exclusivos - Ícones */
.benefit-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 212, 170, 0.15) !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
}

.benefit-icon-wrap i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 1.5rem !important;
    color: #00d4aa !important;
    display: inline-block !important;
}

/* Todos os ícones fas em seções premium */
.governance-premium i.fas,
.liquidity-pool-premium i.fas,
.exclusive-benefits-premium i.fas,
.how-it-works-section i.fas,
.monthly-report-section i.fas,
i.fa-file-alt,
i.fa-eye,
i.fa-balance-scale,
i.fa-clipboard-check,
i.fa-gavel {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* ===================================================================
   HERO: LOGO INVESTORS CLUB
   =================================================================== */

/* H1 oculto para SEO (screen reader only) */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Logo Investor no Hero */
.hero-logo-investor {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.hero-logo-investor img {
    width: 180px;
    height: auto;
    filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.1));
    animation: logoFadeIn 1s ease-out;
}

@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .hero-logo-investor img {
        width: 150px;
    }
}

@media (max-width: 480px) {
    .hero-logo-investor img {
        width: 140px;
    }
}