/* =========================================================
   e-Security.BIO — Overrides Syncfusion Dark (Bootstrap5)
   Paleta: cyan #22d3ee | gold #facc15 | turquoise #2BCFDB
   BG: #111213/#0a0a0a | Texto: #d4d4d8 | Borda: #2a2b2e
   >>> ESTE ARQUIVO PRECISA SER CARREGADO POR ÚLTIMO <<<
   ========================================================= */

/* ---------- Variáveis de referência (opcional, se já tiver no global pode remover) ---------- */
:root {
    --brand-cyan: #22d3ee;
    --brand-gold: #facc15;
    --brand-turquoise: #2BCFDB;
    --brand-red: #f87171;
    --bg-900: #0a0a0a;
    --bg-800: #111213;
    --bg-700: #16181a;
    --text-100: #f4f4f5;
    --text-300: #d4d4d8;
    --text-500: #a1a1aa;
    --border: #2a2b2e;
    --color-public-sale: #22d3ee;   /* Ciano neon */
    --color-team: #facc15;          /* Dourado neon */
    --color-development: #2BCFDB;   /* Turquesa neon */
    --color-reserve: #22ee66;       /* Verde neon */
    /* Superfície padrão para cards/sections escuras */
    --surface-dark: var(--bg-800); /* equivale a #111213 */

    /* Sombra média padrão (coerente com o tema) */
    --shadow-md: 0 10px 28px rgba(0, 0, 0, .45);
}

/* ---------- Base ---------- */
.token-page {
    background: var(--bg-900);
    color: var(--text-100);
}

.container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 56px 16px;
}

.section-head {
    margin-bottom: 18px;
}

.section-head h2 {
    font-size: 28px;
    margin: 0 0 6px;
    color: var(--brand-turquoise);
}

.muted {
    color: var(--text-500);
}

/* ========================= HERO ========================= */
.hero {
    position: relative;
    padding: 96px 16px 72px;
    overflow: hidden;
    background:
            radial-gradient(1000px 400px at 20% -10%, rgba(34, 211, 238, .15), transparent 60%),
            radial-gradient(900px 300px at 90% 0%, rgba(250, 204, 21, .12), transparent 60%);
}

.hero__content {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
}

.eyebrow-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand-cyan);
    margin-right: 8px;
}

.hero__eyebrow {
    color: var(--text-500);
    margin-bottom: 8px;
}

.hero__title {
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.hero__subtitle {
    max-width: 820px;
    margin: 12px auto 24px;
    color: var(--text-300);
}

.hero__ctas .e-btn {
    margin: 0 8px;
}

.btn-primary-xl {
    background: var(--brand-cyan);
    border: none;
    color: #0b0b0c;
    padding: 14px 22px;
    border-radius: 14px;
    font-weight: 700;
}

.btn-accent-xl {
    background: var(--brand-gold);
    border: none;
    color: #0b0b0c;
    padding: 14px 22px;
    border-radius: 14px;
    font-weight: 700;
}

.hero__badges {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.badge-pill {
    border: 1px solid var(--border);
    background: var(--bg-800);
    color: var(--text-300);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
}

.hero__glow {
    position: absolute;
    inset: auto -30% -40% -30%;
    height: 300px;
    background: radial-gradient(60% 60% at 50% 0%, rgba(43, 207, 219, .18), transparent);
    filter: blur(60px);
    pointer-events: none;
}

/* ======================= MÉTRICAS ======================= */
.metrics__grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 14px;
}

@media (max-width: 900px) {
    .metrics__grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .metrics__grid { grid-template-columns:1fr; }
}

.metric-card {
    background: var(--bg-800);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px;
    text-align: center;
}

.metric-icon {
    font-size: 28px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px auto 10px;
    background: var(--bg-700);
}
.metric-icon.gold { color: var(--brand-gold); }
.metric-icon.cyan { color: var(--brand-cyan); }
.metric-icon.turquoise { color: var(--brand-turquoise); }
.metric-icon.mint { color: #22eebb; }

.metric-title { font-weight: 800; font-size: 20px; }
.metric-sub { color: var(--text-500); font-size: 13px; }

/* ===================== TABS (UTILITY) =================== */
.e-tab.utility-tabs,
.utility-tabs .e-tab { background: transparent !important; }

.utility-tabs .e-tab-header {
    background: transparent !important;
    border-bottom: 1px solid var(--border) !important;
}
.utility-tabs .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent !important;
    color: var(--text-500) !important;
    border-radius: 10px !important;
    transition: background .2s ease, color .2s ease;
}
.utility-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .e-tab-wrap {
    background: #121416 !important;
    color: var(--text-300) !important;
}
.utility-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: rgba(34, 211, 238, .10) !important;
    color: var(--brand-cyan) !important;
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .35);
}
.utility-tabs .e-tab-header .e-indicator {
    background: var(--brand-cyan) !important;
    height: 2px !important;
    border-radius: 2px;
}
.utility-tabs .e-content {
    background: transparent !important;
    color: var(--text-300) !important;
    border: none !important;
    padding-top: 16px;
}

/* Conteúdo dos painéis */
.utility-pane {
    display: grid;
    grid-template-columns:1.2fr .8fr;
    gap: 18px;
    align-items: center;
    background: var(--bg-800);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px;
}
@media (max-width: 900px) { .utility-pane { grid-template-columns:1fr; } }
.utility-illustration {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--bg-900);
}
.checklist { margin: 12px 0 0 0; padding: 0 0 0 18px; }
.checklist li { margin: 6px 0; }



/* ====================== TOKENOMICS ====================== */
/* ====================== COMING SOON ====================== */
.coming-soon-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*min-height: 100vh;*/
    /*padding: 5px;*/
}

.coming-soon-logo-container {
    animation: logoGlow 3s ease-in-out infinite alternate;
}

.coming-soon-main-logo {
    width: 600px;
    height: 600px;
    object-fit: contain;
    filter: drop-shadow(0 0 20px rgba(0, 209, 255, 0.3));
}

.coming-soon-text-transition-container {
    text-align: center;
}

.coming-soon-transition-text {
    font-size: 2.0rem;
    font-weight: bold;
    color: white;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    margin: 0;
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.coming-soon-fixed-text {
    font-size: 2.0rem;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    margin: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.coming-soon-transition-text.fade-out {
    opacity: 0;
}

@keyframes logoGlow {
    0% {
        filter: drop-shadow(0 0 20px rgba(0, 209, 255, 0.3));
    }
    100% {
        filter: drop-shadow(0 0 30px rgba(255, 199, 0, 0.4));
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .coming-soon-main-logo {
        width: 150px;
        height: 150px;
    }

    .coming-soon-transition-text {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .coming-soon-main-logo {
        width: 120px;
        height: 120px;
    }

    .coming-soon-transition-text {
        font-size: 1.4rem;
    }
}


.coming-soon-loading-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid #000000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ====================== TOKENOMICS ====================== */
.tokenomics__grid {
    display: grid;
    grid-template-columns:1.1fr .9fr;
    gap: 16px;
}
@media (max-width: 900px) { .tokenomics__grid { grid-template-columns:1fr; } }
.cardish {
    background: var(--bg-800);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 16px;
}
/* Barras */
.bar-row { margin: 10px 0; }
.bar-row__label { font-size: 14px; margin-bottom: 6px; }
.bar-progress .e-progressbar-track { background: #1a1c1f !important; border-radius: 999px !important; }
.bar-progress .e-progressbar-bar { background: var(--brand-cyan) !important; border-radius: 999px !important; }
.legend { margin-top: 10px; color: var(--text-500); font-size: 13px; }
.legend-dot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; }
.legend-dot.primary { background: var(--brand-turquoise); }
.legend-dot.success { background: #22eebb; }
.legend-dot.warning { background: var(--brand-gold); }
.legend-dot.info { background: var(--brand-cyan); }

/* ======================== VESTING & FAQ ======================= */
.vesting-acc .e-acrdn,
.faq-acc .e-acrdn { background: transparent !important; border: none !important; }


/* Header do item em todos os estados “hover/active/selected” */
.faq-acc .e-acrdn-item:hover > .e-acrdn-header,
.faq-acc .e-acrdn-item.e-hover > .e-acrdn-header,
.faq-acc .e-acrdn-item.e-active > .e-acrdn-header,
.faq-acc .e-acrdn-item.e-selected > .e-acrdn-header {
    background: var(--psx-bg-800, #141a20) !important;
    color: var(--psx-text-50, #f8fafc) !important;
}

/* Conteúdo expandido também não pode “lavar” no hover */
.faq-acc .e-acrdn-item:hover > .e-acrdn-content,
.faq-acc .e-acrdn-item.e-active > .e-acrdn-content,
.faq-acc .e-acrdn-item.e-selected > .e-acrdn-content {
    background: var(--psx-bg-900, #0f1419) !important;
    color: #fff !important;
}

/* Chevron mantém cor consistente */
.faq-acc .e-toggle-icon { color: var(--psx-text-500, #94a3b8) !important; }
.faq-acc .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
.faq-acc .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
.faq-acc .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon {
    color: var(--psx-brand-cyan, #22d3ee) !important;
}

.vesting-acc .e-acrdn-item,
.faq-acc .e-acrdn-item {
    background: var(--bg-800) !important;
    color: var(--text-300) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    overflow: hidden;
}
.vesting-acc .e-acrdn-header,
.faq-acc .e-acrdn-header { background: var(--bg-800) !important; color: var(--text-300) !important; }
.vesting-acc .e-acrdn-content,
.faq-acc .e-acrdn-content {
    background: var(--bg-900) !important;
    color: var(--text-300) !important;
    border-top: 1px solid var(--border) !important;
}
.vesting-acc .e-toggle-icon,
.faq-acc .e-toggle-icon { color: var(--text-500) !important; }
.vesting-acc .e-active > .e-acrdn-header .e-toggle-icon,
.faq-acc .e-active > .e-acrdn-header .e-toggle-icon { color: var(--brand-cyan) !important; }

/* =================== SYNCFUSION OVERRIDES GERAIS =================== */
/* CHARTS (legendas e labels) */
.e-accumulationchart .e-legend,
.e-accumulationchart .e-legendtext,
.e-accumulationchart .e-datalabel { fill: var(--text-300) !important; color: var(--text-300) !important; }
.e-accumulationchart .e-legend { background: transparent !important; }

.e-tooltip-wrap {
    background: var(--bg-800) !important;
    color: var(--text-300) !important;
    border: 1px solid var(--border) !important;
}

/* Botões */
.e-btn, .e-control.e-btn { border-radius: 12px; }
.e-btn:focus { box-shadow: 0 0 0 3px rgba(34, 211, 238, .25) !important; }

/* Inputs */
.e-input-group, .e-input {
    background: var(--bg-800) !important;
    border-color: var(--border) !important;
    color: var(--text-300) !important;
}
.e-input:focus, .e-input-group.e-input-focus {
    box-shadow: 0 0 0 2px rgba(34, 211, 238, .25) !important;
    border-color: var(--brand-cyan) !important;
}

/* Dialog Whitepaper */
.whitepaper-dialog .e-dlg-header { color: var(--brand-turquoise) !important; }
.whitepaper-dialog .e-dlg-content { background: var(--bg-900) !important; color: var(--text-300) !important; }
.whitepaper-dialog .e-dlg-header-content { background: var(--bg-800) !important; border-bottom: 1px solid var(--border) !important; }
.whitepaper-dialog .e-dlg-content .wp-actions { display: flex; gap: 10px; margin-top: 12px; }

/* ======================= RESPONSIVO ===================== */
@media (max-width: 1100px) {
    .hero__title { font-size: 40px; }
}
@media (max-width: 768px) {
    .hero { padding: 80px 16px 56px; }
    .hero__title { font-size: 34px; }
}
@media (max-width: 480px) {
    .hero__title { font-size: 30px; }
    .badge-pill { font-size: 12px; }
}

/* =============================================================
   ACCORDION — CAMADA GLOBAL
   ============================================================= */
.e-accordion { background: transparent !important; border: none !important; }
.e-accordion .e-acrdn-item {
    background: #111213 !important;
    color: #d4d4d8 !important;
    border: 1px solid #2a2b2e !important;
    border-radius: 8px !important;
    margin-bottom: 6px;
}
.e-accordion .e-acrdn-item > .e-acrdn-header {
    background: #111213 !important;
    color: #d4d4d8 !important;
    border: none !important;
    padding: 12px 18px !important;
}
.e-accordion .e-acrdn-item > .e-acrdn-content {
    background: #0a0a0a !important;
    color: #d4d4d8 !important;
    border-top: 1px solid #2a2b2e !important;
}
.e-accordion .e-toggle-icon { color: #a1a1aa !important; }
.e-accordion .e-acrdn-item.e-select .e-toggle-icon,
.e-accordion .e-acrdn-item.e-selected .e-toggle-icon,
.e-accordion .e-acrdn-item.e-expand-state .e-toggle-icon { color: #22d3ee !important; }
.e-accordion .e-acrdn-item.e-select,
.e-accordion .e-acrdn-item.e-selected,
.e-accordion .e-acrdn-item.e-expand-state,
.e-accordion .e-acrdn-item.e-select.e-active {
    background: #16181a !important;
    color: #22d3ee !important;
    border-color: #2a2b2e !important;
}
.e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header,
.e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header {
    background: #16181a !important;
    color: #22d3ee !important;
    border: 1px solid #2a2b2e !important;
}
.e-accordion .e-acrdn-item > .e-acrdn-header:hover,
.e-accordion .e-acrdn-item > .e-acrdn-header:focus {
    background: #1c1f22 !important;
    color: #2BCFDB !important;
    border-color: #2a2b2e !important;
    outline: none !important;
    box-shadow: none !important;
}
/* Link/âmbito interno do header */
.e-accordion .e-acrdn-item > .e-acrdn-header { --bs-link-color:#d4d4d8 !important; --bs-link-hover-color:#2BCFDB !important; }
.e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header,
.e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header {
    --bs-link-color:#22d3ee !important; --bs-link-hover-color:#2BCFDB !important;
}
.e-accordion .e-acrdn-header a,
.e-accordion .e-acrdn-header a:link,
.e-accordion .e-acrdn-header a:visited,
.e-accordion .e-acrdn-header a:hover,
.e-accordion .e-acrdn-header a:active,
.e-accordion .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-header .e-acrdn-header-content *,
.e-accordion .e-acrdn-header * { text-decoration: none !important; }

/* =========================================================
   PATCH — FAQ
   ========================================================= */
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-header {
    color: #eaecef !important;
    --bs-link-color:#eaecef !important; --bs-link-hover-color:#2BCFDB !important;
}
.faq-acc.e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
.faq-acc.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header,
.faq-acc.e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header {
    color: #ffffff !important;
    --bs-link-color:#ffffff !important; --bs-link-hover-color:#2BCFDB !important;
}
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-content {
    background: #0b0d0f !important;
    border-top: 1px solid #2a2b2e !important;
    color: #eaecef !important;
}
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-content * { color: #eaecef !important; }
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-content a {
    color: #22d3ee !important; text-decoration: none !important;
}
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-content a:hover,
.faq-acc.e-accordion .e-acrdn-item > .e-acrdn-content a:focus {
    color: #2BCFDB !important; text-decoration: underline !important;
}
.faq-acc.e-accordion .e-acrdn-item.e-select .e-toggle-icon,
.faq-acc.e-accordion .e-acrdn-item.e-selected .e-toggle-icon,
.faq-acc.e-accordion .e-acrdn-item.e-expand-state .e-toggle-icon { color: #22d3ee !important; }

/* Whitepaper (btn-primary-xl): força cor do ícone em contraste */
.btn-primary-xl .e-btn-icon,
.btn-primary-xl .e-icons,
.btn-primary-xl .bi { color: #0b0b0c !important; }
.btn-primary-xl .e-btn-icon svg,
.btn-primary-xl .e-btn-icon svg * { fill:#0b0b0c !important; stroke:#0b0b0c !important; }
/* mantém no hover/focus */
.btn-primary-xl:hover .e-btn-icon,
.btn-primary-xl:focus .e-btn-icon,
.btn-primary-xl:hover .bi,
.btn-primary-xl:focus .bi { color:#0b0b0c !important; }

/* Whitepaper (btn-primary-xl): força cor do ícone em contraste */
.btn-accent-xl .e-btn-icon,
.btn-accent-xl .e-icons,
.btn-accent-xl .bi { color: #0b0b0c !important; }
.btn-accent-xl .e-btn-icon svg,
.btn-accent-xl .e-btn-icon svg * { fill:#0b0b0c !important; stroke:#0b0b0c !important; }
/* mantém no hover/focus */
.btn-accent-xl:hover .e-btn-icon,
.btn-accent-xl:focus .e-btn-icon,
.btn-accent-xl:hover .bi,
.btn-accent-xl:focus .bi { color:#0b0b0c !important; }

/* Métricas — contraste no hover */
.metric-card .metric-title { color:#f4f4f5 !important; }
.metric-card .metric-sub { color:#d4d4d8 !important; }
.metric-card:hover { background: var(--bg-700) !important; border-color: var(--brand-cyan) !important; }
.metric-card:hover .metric-title { color:#f4f4f5 !important; }
.metric-card:hover .metric-sub { color:#d4d4d8 !important; }

/* ---------- TABS (utilidade) — extras ---------- */
.utility-tabs .e-tab { background: transparent !important; }
.utility-tabs .e-tab-header {
    background: transparent !important;
    border-bottom: 1px solid #2a2b2e !important;
    --bs-link-color:#eaecef !important; --bs-link-hover-color:#22d3ee !important;
}
.utility-tabs .e-tab-header a,
.utility-tabs .e-tab-header a:link,
.utility-tabs .e-tab-header a:visited,
.utility-tabs .e-tab-header a:hover,
.utility-tabs .e-tab-header a:active { color: inherit !important; text-decoration: none !important; }

/* texto padrão (não selecionado) */
.utility-tabs .e-tab-header .e-toolbar-item .e-tab-wrap,
.utility-tabs .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
    color:#eaecef !important; background:transparent !important; transition: background .2s ease, color .2s ease;
}
/* hover não ativo */
.utility-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .e-tab-wrap,
.utility-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .e-tab-wrap .e-tab-text {
    color:#22d3ee !important; background:#121416 !important; border-radius:10px;
}
/* ativa sem radius */
.utility-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.utility-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
    color:#22d3ee !important; background:rgba(34,211,238,.10) !important;
    box-shadow: inset 0 0 0 1px rgba(34,211,238,.35); border-radius:0 !important;
}
.utility-tabs .e-tab-header .e-indicator { background:#22d3ee !important; height:2px !important; border-radius:2px; }
.utility-tabs .e-tab-header .e-toolbar-item:not(.e-active):hover .e-tab-wrap,
.utility-tabs .e-tab-header .e-toolbar-item:not(.e-active):focus .e-tab-wrap {
    border-radius:0 !important; background:#121416 !important; box-shadow:none !important; outline:none !important; color:#22d3ee !important;
}
.utility-pane h4 { color:#f4f4f5 !important; }
.utility-pane p, .utility-pane li { color:#d4d4d8 !important; }
.vesting { margin-top: 24px; }

/* ===================== PRÓXIMOS PASSOS ================== */
.next-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 32px;
}
@media (max-width: 900px) { .next-steps__grid { grid-template-columns: 1fr; } }

.ns-card { text-align: center; }
.ns-card {
    background: var(--bg-800);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 20px;
    color:#e6edf3; 
    line-height:1.55; 
    margin:6px 0;
    transition: transform .2s, border-color .2s;
    text-align: center;
}
.ns-card h4 {
    display: flex; align-items: center; justify-content: center;
    gap: .5rem; margin-bottom: .75rem; font-weight: 600;
}
.ns-card:hover { border-color: var(--brand-cyan); transform: translateY(-3px); }
.ns-card h4 { color: var(--brand-turquoise); font-size: 18px; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.ns-card p { color: #e6edf3; margin-bottom: 14px; }
.ns-card .btn-linkish {
    background: transparent; border: 1px solid var(--border); color: var(--brand-cyan);
    border-radius: 12px; padding: 6px 14px; font-size: 14px; transition: all .2s;
}
.ns-card .btn-linkish:hover { border-color: var(--brand-cyan); background: rgba(34,211,238,.08); }

/* ==================== TOAST DARK OVERRIDE ==================== */
.e-toast-container .e-toast.toast-brand,
.e-toast-container .toast-brand.e-toast,
.toast-brand.e-toast-container .e-toast,
.toast-brand .e-toast,
.e-toast-container .e-toast.toast-brand.e-toast-visible,
.e-toast-container .toast-brand.e-toast.e-toast-visible {
    background: #111213 !important;
    color: #d4d4d8 !important;
    border: 1px solid #2a2b2e !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45) !important;
}
.toast-brand .e-toast-title { color: #2BCFDB !important; }
.toast-brand .e-toast-message { color: #d4d4d8 !important; }
.toast-brand .e-toast-close-icon { color: #a1a1aa !important; }
.toast-brand .e-toast-close-icon:hover { color: #22d3ee !important; }

/* Forçar dark em qualquer estado */
html body div.e-toast-container > div.e-toast,
html body div.e-toast-container > div.e-toast.e-toast-visible,
html body .e-toast-container .e-toast,
html body .e-toast-container .e-toast.e-toast-visible {
    background: #111213 !important;
    color: #d4d4d8 !important;
    border: 1px solid #2a2b2e !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45) !important;
}
html body .e-toast-container .e-toast .e-toast-title { color: #2BCFDB !important; }
html body .e-toast-container .e-toast .e-toast-content,
html body .e-toast-container .e-toast .e-toast-message { color: var(--brand-gold) !important; }
html body .e-toast-container .e-toast .e-toast-close-icon { color: #a1a1aa !important; }
html body .e-toast-container .e-toast .e-toast-close-icon:hover { color: #22d3ee !important; }

/* Legenda donut */
.e-accumulationchart .e-legend { width: 100% !important; background: transparent !important; padding-top: 8px; }
.e-accumulationchart .e-legend .e-legend-text { white-space: normal !important; line-height: 1.35; color:#d4d4d8 !important; font-weight:500; }
.e-accumulationchart .e-legend .e-legendshape { border-radius: 4px; box-shadow: 0 0 6px rgba(34,211,238, .6); }
@media (max-width: 768px) { .e-accumulationchart .e-legend .e-legend-text { max-width: 260px; } }

/* ===================== SYNCFUSION DARK OVERRIDES ===================== */
/* ================= Whitepaper.razor — prefixo wp- ================ */
.wp-hero{
    position:relative; min-height:56vh; display:grid; place-items:center; text-align:center;
    background:
            radial-gradient(1200px 520px at 10% -10%, rgba(34,211,238,.15), transparent 60%),
            radial-gradient(1100px 420px at 90% 0%, rgba(250,204,21,.14), transparent 60%),
            linear-gradient(180deg, var(--bg-800) 0%, var(--bg-900) 100%);
    border-bottom:1px solid var(--border); overflow:hidden;
}
.wp-hero__inner{max-width:1024px; padding:28px 16px;}
.wp-hero__title{color:var(--text-100); font-weight:800; letter-spacing:-.02em; font-size:clamp(28px,5vw,52px); margin:0 0 10px;}
.wp-hero__subtitle{color:var(--text-300); max-width:860px; margin:0 auto 18px; font-size:clamp(16px,2.1vw,20px);}
.wp-hero__cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
.wp-btn-primary{background:linear-gradient(90deg,var(--brand-cyan) 0%,var(--brand-turquoise) 100%); color:#0b0b0c; border:none; padding:14px 22px; border-radius:14px; font-weight:700; box-shadow:0 8px 24px rgba(34,211,238,.25);}
.wp-btn-primary:hover{filter:brightness(1.06); transform:translateY(-1px);}
.wp-btn-primary .bi{color:#0b0b0c !important;}

.wp-section{padding:56px 0;}
.wp-section--lined{border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.wp-section--alt{background:#0b0d0f; border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.wp-title{color:var(--brand-turquoise); font-weight:800; font-size:clamp(22px,3.2vw,30px); margin:0 0 12px; padding-bottom:15px; text-align:center;}
.wp-lead{color:var(--text-300); max-width:900px; margin:0 auto; text-align:center;}
.wp-section .container{max-width:1100px;}

.wp-card{background:var(--bg-800) !important; border:1px solid var(--border) !important; border-radius:16px !important; box-shadow:0 12px 28px rgba(0,0,0,.45);}
.wp-card .e-card-header,
.wp-card .e-card-content{padding:16px 18px !important;}
.wp-card .e-card-header{display:flex; gap:14px; align-items:flex-start;}
.wp-card .e-card-header .header-text{flex:1;}
.wp-card .e-card-header h4{margin:0 0 6px; font-weight:700; color:var(--text-100) !important;}
.wp-card .e-card-header p{margin:0; color:var(--text-300) !important;}
.wp-list{margin:8px 0 4px; padding-left:1.1rem;}
.wp-list li{color:var(--text-300) !important; line-height:1.5; margin:6px 0;}
.wp-list li::marker{color:var(--brand-cyan);}

.icon-badge{
    display:flex; align-items:center; justify-content:center;
    width:56px; height:56px; border-radius:12px; font-size:28px; flex-shrink:0;
    box-shadow:0 10px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06);
}
.icon-badge.danger  { background:#ff1744 !important; color:#ffffff !important; }
.icon-badge.warning { background:#ffb300 !important; color:#000000 !important; }
.icon-badge.success { background:#00c853 !important; color:#000000 !important; }

.wp-tokenomics{display:grid; grid-template-columns:1.1fr .9fr; gap:16px;}
@media (max-width:900px){.wp-tokenomics{grid-template-columns:1fr;}}
.wp-cardish{background:var(--bg-800); border:1px solid var(--border); border-radius:16px; padding:16px;}
.e-accumulationchart .e-legendtext{color:var(--text-300) !important;}
.token-legend .dot{display:inline-block; width:10px; height:10px; border-radius:4px; margin-right:6px; box-shadow:0 0 6px rgba(34,211,238,.35);}

/* ---------- ROADMAP (VERTICAL – Syncfusion) ---------- */
.wp-roadmap-vertical{
    --rm-dot: var(--brand-cyan);
    --rm-dot-ring: rgba(34,211,238,.25);
    --rm-connector: var(--border);
    --rm-card-bg: var(--bg-800);
    --rm-card-border: var(--border);
    --rm-title: var(--text-100);
    --rm-text: var(--text-300);
}
.wp-roadmap-vertical .e-timeline-item{margin:18px 0 !important;}
.wp-roadmap-vertical .e-connector{background:var(--rm-connector) !important;}
.wp-roadmap-vertical .e-dot-item{
    width:38px; height:38px; border-radius:999px; background:var(--rm-dot) !important;
    box-shadow:0 0 0 5px var(--rm-dot-ring), 0 10px 22px rgba(0,0,0,.35);
    outline:2px solid #0b0c0d;
}
.wp-roadmap-vertical .rm-item:nth-child(1) .e-dot-item{background:var(--brand-gold) !important;}
.wp-roadmap-vertical .rm-item:nth-child(2) .e-dot-item{background:var(--brand-turquoise) !important;}
.wp-roadmap-vertical .rm-phase{
    background:rgba(34,211,238,.10); color:var(--brand-cyan);
    border:1px solid var(--rm-card-border); border-radius:999px;
    padding:6px 12px; font-weight:700; font-size:12px; white-space:nowrap;
}
.wp-roadmap-vertical .rm-card{
    background:var(--rm-card-bg); border:1px solid var(--rm-card-border); border-radius:12px;
    padding:12px 14px; min-width:260px; max-width:520px; box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.wp-roadmap-vertical .rm-card-title{color:var(--rm-title); font-weight:800; margin-bottom:6px; font-size:15px;}
.wp-roadmap-vertical .rm-card-desc{color:var(--rm-text); line-height:1.5; font-size:13px; opacity:.95;}
@media (max-width:900px){.wp-roadmap-vertical .rm-card{max-width:100%;}}

/* ---------- TEAM ---------- */
.wp-team-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:16px;}
.team-card{display:flex; flex-direction:column; height:100%; padding:24px; border-radius:12px; background:var(--surface-dark, #111213); box-shadow:0 10px 28px rgba(0,0,0,.45);}
.team-header{display:flex; flex-direction:column; align-items:center; gap:.35rem; min-height:212px; margin:0 0 18px;}
.team-photo{width:96px; height:96px; border-radius:50%; object-fit:cover; border:2px solid var(--brand-cyan);}
.team-name{margin:0; font-weight:700; font-size:1.15rem; color:#f4f4f5; text-align:center;}
.team-role, .team-role2{margin:0; font-size:.92rem; color:var(--text-500); text-align:center;}
.team-bio{color:#ddd; font-size:.95rem; line-height:1.55; letter-spacing:.01em; text-align:justify; margin:0 0 18px;}
.team-card .e-card-content{display:flex; flex-direction:column; flex:1 1 auto; min-height:220px;}
.team-card .e-card-content a.btn{margin-top:auto; align-self:center; margin-bottom:4px;}
@media (min-width:992px){.wp-team-grid{align-items:stretch;}}

/* ---------- PARTNERS ---------- */
.wp-partners{display:grid; grid-template-columns:repeat(4, minmax(140px,1fr)); gap:18px; align-items:center;}
@media (max-width:900px){.wp-partners{grid-template-columns:repeat(2, minmax(140px,1fr));}}
.wp-partner{background:var(--bg-800); border:1px solid var(--border); border-radius:14px; padding:12px; text-align:center; box-shadow:0 10px 28px rgba(0,0,0,.45);}
.wp-partner__logo{max-width:160px; max-height:56px; width:auto; height:auto; filter:brightness(1.08) contrast(1.05);}
.wp-partner__name{margin-top:8px; font-size:12px; color:var(--text-500);}

/* ---------- CTA ---------- */
.wp-cta{
    position:relative; overflow:hidden; padding:64px 16px; text-align:center;
    background:
            radial-gradient(1200px 420px at 10% -10%, rgba(34,211,238,.12), transparent 60%),
            radial-gradient(1100px 320px at 90% 0%, rgba(250,204,21,.10), transparent 60%),
            linear-gradient(180deg, var(--bg-800) 0%, var(--bg-900) 100%);
    border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.wp-cta__inner{max-width:980px; margin:0 auto;}
.wp-cta__title{color:var(--text-100); font-weight:800; font-size:clamp(22px,3.2vw,30px); margin-bottom:6px;}
.wp-cta__subtitle{color:var(--text-300); max-width:820px; margin:0 auto 16px;}

.brand-bracket{ color: var(--brand-gold); }
.brand-cyan{ color: var(--brand-cyan); }

/* ===========================
   PitchDeck — Problema/Solução
   =========================== */
.pd-section{
    padding:15px;
    text-align:center;
}
.pd-title{
    color:#e6f9fc !important;
    font-weight:800;
    font-size: clamp(26px, 3.5vw, 34px);
    margin:0 0 10px;
}
/*.pd-arrow{ color: var(--brand-cyan, #22d3ee); }*/
.pd-lead{
    color:#cfe3e7 !important;
    font-size:1.1rem;
    margin:0 0 28px;
}
/* Card */
.pd-card{
    background:#12161b !important;
    border:1px solid #242a30 !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.5);
    text-align:left;
    max-width:960px;
    margin:0 auto 22px;
}
/* Header */
.pd-card .e-card-header{
    display:grid !important;
    grid-template-columns: 56px 1fr;
    column-gap:14px;
    align-items:center;
    padding:18px 20px !important;
}
.pd-badge{ width:56px; height:56px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin:0; }
.pd-badge i{ color:yellow !important; font-size:24px; }
.pd-badge--danger{ background:#ff1744 !important; }
.pd-badge--success{ background:#00c853 !important; }

/* CORREÇÃO: remove ']' inválido e garante !important */
.pd-badge--brand {
    background: #0f1419 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.pd-badge--brand img {
    width: 64px; height: 64px; object-fit: contain; display: block;
    filter: drop-shadow(0 2px 6px rgba(34,211,238,.35)) !important;
}

.pd-header-text h4{ margin:0 0 4px; font-weight:800; font-size:1.25rem; color:#fff !important; }
.pd-header-text p{ margin:0; font-size:1rem; color:#d9e3e6 !important; }

/* Conteúdo */
.pd-card .e-card-content{ padding:0 20px 20px !important; font-size:1rem; line-height:1.6; }
.pd-list li{ font-size:1rem; margin:8px 0; }
.pd-list li{ color:#e6edf3; line-height:1.55; margin:6px 0; }
.pd-list li::marker{ color: var(--brand-cyan, #22d3ee); }

.pd-subtitle{ color:#eaf7f9 !important; font-weight:800; font-size:1.05rem; margin:12px 0 6px; }
.pd-footnote{ color:var(--brand-gold) !important; font-size:.9rem; margin:12px 0 0; }

/* Responsivo */
@media (max-width:560px){
    .pd-card .e-card-header{ grid-template-columns:1fr; row-gap:10px; text-align:center; }
    .pd-header-text{ grid-column:1; }
    .pd-badge{ margin:0 auto; }
}

/* Contraste global do card */
.pd-header-text p { color:#e9eef2 !important; }
.pd-card .e-card-content { color:#e6edf3 !important; }
.pd-list li { color:#e6edf3 !important; }

/* Fonte base da página do pitch */
.pitchdeck-root { font-size:17px; line-height:1.55; }
@media (max-width: 560px){ .pitchdeck-root { font-size: 16px; } }
.pd-subtitle{ font-size:1.05rem; } .pd-footnote{ font-size:.95rem; } .pd-header-text h4{ font-size:1.25rem; }

/* ===========================================
   PitchDeck — Grids (dark card + hover forte)
   =========================================== */
.pd-grid {
    background:#15191e !important;
    border:1px solid #242a30 !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.45) !important;
    overflow:hidden !important;
}
/* Fallback (caso esqueça CssClass="pd-grid") */
.pitchdeck-root .e-grid {
    background:#15191e !important;
    border:1px solid #242a30 !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.45) !important;
    overflow:hidden !important;
}
/* Header */
.pd-grid .e-gridheader,
.pitchdeck-root .e-grid .e-gridheader,
.pd-grid .e-headercontent { background:#15191e !important; border-color:#242a30 !important; }
.pd-grid .e-headercell,
.pitchdeck-root .e-grid .e-headercell { background:#15191e !important; border-color:#242a30 !important; }
.pd-grid .e-headercell .e-headertext,
.pitchdeck-root .e-grid .e-headercell .e-headertext {
    color:#eaf7f9 !important; font-weight:800 !important; letter-spacing:.01em !important;
}
/* Corpo */
.pd-grid .e-rowcell,
.pd-grid .e-templatecell,
.pitchdeck-root .e-grid .e-rowcell,
.pitchdeck-root .e-grid .e-templatecell {
    background:#12161b !important; color:#e6edf3 !important; border-color:#242a30 !important; padding:12px 14px !important;
}
/* zebra */
.pd-grid .e-altrow .e-rowcell,
.pd-grid .e-altrow .e-templatecell,
.pitchdeck-root .e-grid .e-altrow .e-rowcell,
.pitchdeck-root .e-grid .e-altrow .e-templatecell { background:#141a1f !important; }
/* primeira coluna */
.pd-grid .e-rowcell:first-child,
.pd-grid .e-templatecell:first-child,
.pitchdeck-root .e-grid .e-rowcell:first-child,
.pitchdeck-root .e-grid .e-templatecell:first-child { font-weight:700 !important; color:#eaf7f9 !important; }
/* Hover */
.pd-grid .e-row:hover .e-rowcell,
.pd-grid .e-row:hover .e-templatecell,
.pitchdeck-root .e-grid .e-row:hover .e-rowcell,
.pitchdeck-root .e-grid .e-row:hover .e-templatecell {
    background:linear-gradient(0deg, rgba(34,211,238,.08), rgba(34,211,238,.08)), #141a1f !important;
    border-color:#2a3036 !important;
}
.pd-grid .e-row:hover,
.pitchdeck-root .e-grid .e-row:hover { box-shadow:inset 0 0 0 1px rgba(34,211,238,.24) !important; }
/* Seleção */
.pd-grid .e-selectionbackground .e-rowcell,
.pd-grid .e-selectionbackground .e-templatecell,
.pd-grid .e-selectionbackground,
.pitchdeck-root .e-grid .e-selectionbackground .e-rowcell,
.pitchdeck-root .e-grid .e-selectionbackground .e-templatecell,
.pitchdeck-root .e-grid .e-selectionbackground {
    background:linear-gradient(0deg, rgba(34,211,238,.12), rgba(34,211,238,.12)) !important;
    border-color:rgba(34,211,238,.35) !important;
}
/* Pílulas de status + ícones */
.pd-status{
    display:inline-block !important; padding:4px 10px !important; border-radius:999px !important;
    font-weight:700 !important; font-size:.92rem !important; line-height:1 !important;
    border:1px solid rgba(255,255,255,.06) !important;
}
.pd-status.st-yes     { color:#0b2 !important; background:rgba(0,200,83,.12) !important;  border-color:rgba(0,200,83,.35) !important; }
.pd-status.st-partial { color:#d4a000 !important; background:rgba(250,204,21,.12) !important; border-color:rgba(250,204,21,.35) !important; }
.pd-status.st-no      { color:#ff5151 !important; background:rgba(255,23,68,.12) !important;  border-color:rgba(255,23,68,.35) !important; }
.pd-status::before{ display:inline-block !important; margin-right:.45rem !important; transform:translateY(-1px); }
.pd-status.st-yes::before{ content:"✅"; }
.pd-status.st-no::before{ content:"🚫"; }
.pd-status.st-partial::before{ content:"⚠️"; }
/* Nossa coluna */
.pd-grid .is-ours,
.pitchdeck-root .e-grid .is-ours { box-shadow:0 0 0 2px rgba(34,211,238,.25) inset !important; color:#bff7ff !important; }
/* Footer/bordas */
.pd-grid .e-gridfooter,
.pd-grid .e-summarycontent,
.pd-grid .e-summarycell,
.pd-grid .e-tableborder,
.pd-grid .e-virtualtable,
.pitchdeck-root .e-grid .e-gridfooter,
.pitchdeck-root .e-grid .e-summarycontent,
.pitchdeck-root .e-grid .e-summarycell,
.pitchdeck-root .e-grid .e-tableborder,
.pitchdeck-root .e-grid .e-virtualtable { background:#15191e !important; border-color:#242a30 !important; }
/* Scrollbar */
.pd-grid ::-webkit-scrollbar,
.pitchdeck-root .e-grid ::-webkit-scrollbar { height:10px !important; width:10px !important; }
.pd-grid ::-webkit-scrollbar-thumb,
.pitchdeck-root .e-grid ::-webkit-scrollbar-thumb { background:#242a30 !important; border-radius:8px !important; }
.pd-grid ::-webkit-scrollbar-thumb:hover,
.pitchdeck-root .e-grid ::-webkit-scrollbar-thumb:hover { background:#2d333a !important; }

/* Dialog base */
.pd-dialog .e-dlg-header-content { background:#0f1215; border-bottom:1px solid #242a30; }
.pd-dialog .e-dlg-header { color:#eaf7f9; font-weight:800; }
.pd-dialog .e-dlg-content { background:#0f1215; padding:16px; }
.pd-dialog .e-footer-content { background:#0f1215; border-top:1px solid #242a30; }
.pd-dialog__footer { display:flex; gap:10px; justify-content:flex-end; }

/* Roadmap (dialog) */
.pd-roadmap .e-connector{ background: var(--border); }
.pd-roadmap .e-dot-item{ width:36px; height:36px; border-radius:50%; background: var(--brand-cyan); box-shadow:0 0 0 5px rgba(34,211,238,.22); outline:2px solid #0b0c0d; }
.pd-roadmap .rm-item:nth-child(1) .e-dot-item{background:var(--brand-gold) !important;}
.pd-roadmap .rm-item:nth-child(2) .e-dot-item{background:var(--brand-turquoise) !important;}



.pd-roadmap .rm-phase{
    background: rgba(34,211,238,.10); color: var(--brand-cyan);
    border:1px solid var(--border); border-radius:999px;
    padding:6px 12px; font-weight:700; font-size:12px; white-space:nowrap;
}
.pd-roadmap .rm-card{
    background:#12161b; border:1px solid #242a30; border-radius:12px;
    padding:12px 14px; color:#e6edf3; box-shadow:0 12px 28px rgba(0,0,0,.35);
    max-width: 640px;
}
.pd-roadmap .rm-card-title{ color:#fff; font-weight:800; margin-bottom:6px; }
.pd-roadmap .rm-card-desc{ color:#cfe3e7; line-height:1.5; }

/* Dialog escuro — cantos perfeitos */
.pd-dialog.e-dialog {
    background: #0f1215 !important;
    border: 1px solid #242a30 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.65) !important;
}
.e-dlg-container { background: rgba(0,0,0,.75) !important; }
.pd-dialog .e-dlg-header-content { background:#0f1215 !important; border-bottom:1px solid #242a30 !important; }
.pd-dialog .e-dlg-header { color:#eaf7f9 !important; font-weight:800 !important; }
.pd-dialog .e-footer-content { background:#0f1215 !important; border-top:1px solid #242a30 !important; }
.pd-dialog .e-dlg-content { background:#0f1215 !important; padding:16px !important; border:none !important; }

/* Timeline cards hover */
.pd-roadmap .rm-card {
    background:#12161b !important; border:1px solid #242a30 !important; border-radius:12px !important;
    padding:12px 14px !important; color:#e6edf3 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.45) !important; transition: all .25s ease-in-out !important;
}
.pd-roadmap .rm-card:hover {
    background: linear-gradient(0deg, rgba(34,211,238,.08), rgba(34,211,238,.08)), #141a1f !important;
    border-color: rgba(34,211,238,.45) !important;
    box-shadow: 0 0 12px rgba(34,211,238,.35), 0 8px 20px rgba(0,0,0,.6) !important;
    transform: translateY(-2px) !important;
}
/* Força arredondamento total */
.pd-dialog.e-dialog,
.pd-dialog.e-dialog .e-dlg-content,
.pd-dialog.e-dialog .e-dlg-header-content,
.pd-dialog.e-dialog .e-footer-content {
    border-radius: 18px !important; overflow: hidden !important;
}
/* Botão destaque (Baixar Whitepaper) */
.pd-dialog .btn-primary {
    background: #00c9d8 !important; color:#0a0a0a !important; font-weight:700 !important;
    border:none !important; border-radius:10px !important; padding:10px 18px !important;
    box-shadow: 0 4px 14px rgba(0, 201, 216, 0.3) !important; transition: all .25s ease !important;
}
.pd-dialog .btn-primary:hover {
    background:#08e6f5 !important; box-shadow:0 6px 18px rgba(8,230,245,.55) !important; transform: translateY(-2px) !important;
}

/* ===========================
   Hero CTAs — estilos premium
   =========================== */
.btn-primary-xl,
.btn-accent-xl{
    display:inline-flex !important; align-items:center !important; gap:.6rem !important;
    padding:14px 22px !important; border:none !important; border-radius:14px !important;
    font-weight:800 !important; font-size:1.05rem !important; line-height:1 !important;
    cursor:pointer !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
    -webkit-tap-highlight-color: transparent;
}
.btn-primary-xl .bi, .btn-accent-xl .bi{ font-size:1.15rem !important; line-height:1 !important; }

/* Primário (cyan) */
.btn-primary-xl{
    background: linear-gradient(180deg,#00d2e1 0%,#00c1cf 100%) !important; color:#0a0a0a !important;
    box-shadow: 0 8px 20px rgba(0,201,216,.35), 0 2px 0 rgba(0,0,0,.12) !important;
}
.btn-primary-xl:hover{ filter:brightness(1.06) !important; transform:translateY(-1px) !important; box-shadow:0 10px 26px rgba(0,201,216,.45) !important; }
.btn-primary-xl:active{ transform:translateY(0) !important; box-shadow:0 5px 14px rgba(0,201,216,.35) !important; }
.btn-primary-xl:focus-visible{
    outline:0 !important; box-shadow: 0 0 0 2px #0a0a0a, 0 0 0 4px rgba(0,201,216,.75), 0 8px 20px rgba(0,201,216,.35) !important;
}

/* Accent (gold) */
.btn-accent-xl{
    background: linear-gradient(180deg,#ffd43b 0%,#f6c915 100%) !important; color:#0a0a0a !important;
    box-shadow: 0 8px 20px rgba(246,201,21,.35), 0 2px 0 rgba(0,0,0,.12) !important;
}
.btn-accent-xl:hover{ filter:brightness(1.05) !important; transform:translateY(-1px) !important; box-shadow:0 10px 26px rgba(246,201,21,.45) !important; }
.btn-accent-xl:active{ transform:translateY(0) !important; box-shadow:0 5px 14px rgba(246,201,21,.35) !important; }
.btn-accent-xl:focus-visible{
    outline:0 !important; box-shadow: 0 0 0 2px #0a0a0a, 0 0 0 4px rgba(246,201,21,.8), 0 8px 20px rgba(246,201,21,.35) !important;
}
.btn-primary-xl:disabled, .btn-accent-xl:disabled{ opacity:.65 !important; cursor:not-allowed !important; transform:none !important; box-shadow:none !important; }
@media (max-width: 520px){
    .btn-primary-xl, .btn-accent-xl{ width:100% !important; justify-content:center !important; }
}



/* Animações ícones CTAs */
@keyframes downloadBounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(3px);} }
.btn-primary-xl:hover .bi { animation: downloadBounce .45s ease; }
@keyframes handshakeWiggle { 0%,100%{transform:rotate(0);} 25%{transform:rotate(-8deg);} 75%{transform:rotate(8deg);} }
.btn-accent-xl:hover .bi { animation: handshakeWiggle .4s ease; }
@keyframes downloadFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(4px);} }
.btn-primary-xl .bi { animation: downloadFloat 2s ease-in-out infinite; }
@keyframes handshakeFloat { 0%,100%{transform:rotate(0);} 50%{transform:rotate(6deg);} }
.btn-accent-xl .bi { animation: handshakeFloat 2.5s ease-in-out infinite; }

/* =========================
   Team (bio completa)
   ========================= */
.pd-team-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
@media (min-width:1200px){ .pd-team-grid{ grid-template-columns:repeat(12,1fr); } }
@media (max-width:1199px){ .pd-team-grid{ grid-template-columns:repeat(6,1fr); } }
@media (max-width:768px){ .pd-team-grid{ grid-template-columns:repeat(1,1fr); } }

.pd-team-card{
    grid-column: span 4;
    background:#12161b !important; border:1px solid #242a30 !important; border-radius:16px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
@media (max-width:1199px){ .pd-team-card{ grid-column:span 6; } }
@media (max-width:768px){ .pd-team-card{ grid-column:span 1; } }
.pd-team-card:hover{ transform:translateY(-2px); border-color: rgba(34,211,238,.35) !important; box-shadow:0 18px 60px rgba(0,0,0,.55); }
.pd-team-card .e-card-header, .pd-team-card .e-card-content{ padding:18px !important; }
.pd-team-header{ display:flex; flex-direction:column; align-items:center; gap:.35rem; text-align:center; }
.pd-team-photo{
    width:112px; height:112px; border-radius:50%; object-fit:cover; border:2px solid var(--brand-cyan,#22d3ee);
    background:#0b0b0c; box-shadow:0 8px 24px rgba(0,0,0,.45);
}
.pd-team-name{ margin:.35rem 0 0; color:#fff; font-weight:800; font-size:1.25rem; }
.pd-team-role{ color:#cfd7dc; font-weight:700; }
.pd-team-role2{ color:#9aa7b0; font-size:.95rem; }
.pd-team-bio{ color:#e6edf3; line-height:1.6; margin:10px 0 14px; }
.pd-team-footer{ display:flex; justify-content:center; }
.pd-team-footer .btn-linkish{
    border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:.55rem .9rem;
    color:var(--brand-cyan,#22d3ee);
}
.pd-team-footer .btn-linkish:hover{ border-color: rgba(34,211,238,.35); box-shadow: 0 8px 24px rgba(34,211,238,.18); }

/* =========================
   Market (TAM / SAM / SOM)
   ========================= */
#market .metrics__grid{
    display:flex !important; justify-content:center; align-items:stretch; flex-wrap:wrap;
    gap:22px; max-width:1100px; margin:0 auto;
}
#market .metric-card{ flex:0 1 320px; text-align:center; }
#market .metric-title{ font-weight:800; font-size:1.15rem; }
#market .metric-sub{ color:#b9c4cc; margin-top:6px; }
#market .metric-value{ color:#eaf7f9; font-weight:800; margin-top:10px; }
#market .metric-card{
    background:#15191e; border:1px solid #242a30; border-radius:16px;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    padding:20px;
}
#market .metric-card:hover{ transform:translateY(-2px); border-color:rgba(34,211,238,.35); box-shadow:0 18px 60px rgba(0,0,0,.55); }
@media (max-width:560px){ #market .metric-card{ flex-basis:100%; } }

/* =========================
   Modelo de Negócio (2x2)
   ========================= */
.biz-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:980px){ .biz-grid{ grid-template-columns: repeat(2, minmax(340px,1fr)); } }
.biz-card{
    background:#12161b; border:1px solid #242a30; border-radius:16px; padding:22px 20px;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.biz-card:hover{ transform:translateY(-2px); border-color: rgba(34,211,238,.35); box-shadow: 0 18px 48px rgba(0,0,0,.55); }
.biz-icon{
    width:64px; height:64px; border-radius:16px; display:grid; place-items:center; margin:0 auto 12px;
    background:#0f1419; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.35);
}
.biz-icon i{ font-size:28px; line-height:1; }
.biz-icon.cyan i{ color:#22d3ee; } .biz-icon.mint i{ color:#22eebb; } .biz-icon.gold i{ color:#facc15; } .biz-icon.pink i{ color:#ff69b4; }
.biz-title{ text-align:center; color:#eaf7f9; font-weight:800; margin:0 0 6px; }
.biz-lead{ text-align:center; color:#cfe3e7; margin:0 0 12px; }
.biz-list{ margin:0; padding-left:1.1rem; }
.biz-list li{ color:#e6edf3; line-height:1.55; margin:6px 0; }
.biz-list li::marker{ color: var(--brand-cyan, #22d3ee); }

/* ======================= Unit Economics (ue-) ======================= */
.ue-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:16px;
}
@media (max-width: 980px){ .ue-grid{ grid-template-columns: 1fr; } }

.ue-card{
    background:#12161b;
    border:1px solid #242a30;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    padding:18px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ue-card:hover{
    transform: translateY(-2px);
    border-color: rgba(34,211,238,.35);
    box-shadow: 0 18px 48px rgba(0,0,0,.55);
}

.ue-head{ text-align:center; margin-bottom:10px; }
.ue-icon{
    width:56px; height:56px; border-radius:14px; margin:0 auto 8px;
    display:grid; place-items:center; background:#0f1419;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.35);
}
.ue-icon.cyan i{ color:#22d3ee; }
.ue-icon.mint i{ color:#22eebb; }
.ue-icon.gold i{ color:#facc15; }

.ue-title{ color:#eaf7f9; font-weight:800; }
.ue-sub{ color:#cfe3e7; font-size:.92rem; }

.ue-fields{ display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.ue-fields label{ color:#d4d4d8; font-size:.92rem; }
.ue-input{ width:100%; }

.ue-line{ height:1px; background:#242a30; margin:6px 0; }
.ue-row{ display:flex; align-items:center; justify-content:space-between; color:#e6edf3; }

.ue-summary{
    margin-top:18px;
    background:#12161b !important;
    border:1px solid #242a30 !important;
    border-radius:16px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
}
.ue-summary .e-card-content{ padding:18px !important; }
.ue-summary-grid{
    display:grid; grid-template-columns: repeat(3, 1fr); gap:12px;
}
@media (max-width: 900px){ .ue-summary-grid{ grid-template-columns: 1fr; } }
.ue-summary-item{ background:#0f1419; border:1px solid #242a30; border-radius:12px; padding:12px; text-align:center; }
.ue-summary-label{ color:#b9c4cc; font-size:.92rem; }
.ue-summary-value{ color:#eaf7f9; font-weight:800; font-size:1.15rem; }


/* Ajusta os campos numéricos da seção Projeções */
.e-bio-projections .e-input,
.e-bio-projections .e-numerictextbox {
    background-color: #1a1a1a;   /* fundo discreto dark */
    border: 1px solid #2f2f2f;   /* borda suave */
    border-radius: 8px;
    padding: 6px 10px;
    color: #f4f4f5;              /* texto claro */
    width: 100%;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.e-bio-projections .e-input:focus,
.e-bio-projections .e-numerictextbox.e-input-focus {
    border-color: #2BCFDB;       /* turquesa no foco */
    box-shadow: 0 0 6px rgba(43, 207, 219, 0.6);
    outline: none;
}

/* Botões laterais (up/down) */
.e-bio-projections .e-numerictextbox .e-input-group-icon {
    background-color: #262626;
    border: none;
    color: #f4f4f5;
    transition: background 0.2s ease-in-out;
}

.e-bio-projections .e-numerictextbox .e-input-group-icon:hover {
    background-color: #2BCFDB;
    color: #0a0a0a;
}

.total-mensal{ font-weight: bold; color: #2BCFDB !important;}
.total-anual{ font-weight: bold; color: #facc15 !important; }
.receita-total-mensal{ font-weight: bold; color: #22c55e !important; }
.receita-total-anual{ font-weight: bold; color: #eab308 !important; }
.token-consumed { font-weight: bold; color: #2BCFDB !important; }

/* Pills menores para ações secundárias na seção de Tração */
.btn-chip{
    --chip-bg: #12161b;
    --chip-fg: #eaf7f9;
    --chip-br: #242a30;
    display:inline-flex; align-items:center; gap:.5rem;
    padding:8px 14px; border-radius:999px; border:1px solid var(--chip-br);
    background:var(--chip-bg); color:var(--chip-fg); font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.35); transition:all .18s ease;
}
.btn-chip .bi{font-size:1rem; line-height:1;}

/* variações */
.btn-chip--primary{
    --chip-bg: linear-gradient(180deg,#00d2e1 0%,#00c1cf 100%);
    --chip-fg: #0a0a0a;
    --chip-br: rgba(255,255,255,.12);
    box-shadow:0 8px 20px rgba(0,201,216,.35);
}
.btn-chip--ghost{
    --chip-bg: #0f1419;
    --chip-fg: #cfe3e7;
}

/* hovers */
.btn-chip:hover{
    transform:translateY(-1px);
    border-color:rgba(34,211,238,.35);
    box-shadow:0 10px 26px rgba(0,0,0,.45);
}
.btn-chip--primary:hover{
    filter:brightness(1.06);
    box-shadow:0 12px 28px rgba(0,201,216,.45);
}

/* foco acessível */
.btn-chip:focus-visible{
    outline:0;
    box-shadow:0 0 0 2px #0a0a0a, 0 0 0 4px rgba(34,211,238,.75);
}

/* ícones sempre visíveis */
.btn-chip .bi{ color:inherit; }

/* garantir contraste nos ícones */
.btn-chip .bi {
    font-size: 1rem;
    line-height: 1;
    opacity: .9;
}

/* ícone em ghost (fundo escuro → ícone claro) */
.btn-chip--ghost .bi {
    color: #2BCFDB !important; /* seu accent cyan */
}

/* ícone em primary (fundo cyan → ícone escuro visível) */
.btn-chip--primary .bi {
    color: #000 !important;
    filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
}

.btn-chip--primary:hover .bi {
    color: #2BCFDB !important; /* seu accent cyan */
}

/* Grid 2×2 responsivo */
.funding-grid{
    display:grid;
    grid-template-columns: repeat(2, minmax(280px,1fr));
    gap: 18px;
}
@media (max-width: 820px){ .funding-grid{ grid-template-columns:1fr; } }

/* Card */
.funding-card{
    position:relative;
    background:#12161b;
    border:1px solid #242a30;
    border-radius:16px;
    padding:22px 20px;
    box-shadow:0 12px 28px rgba(0,0,0,.45);
    transition: transform .18s, box-shadow .18s, border-color .18s;
}
.funding-card:hover{
    transform: translateY(-2px);
    border-color: rgba(34,211,238,.35);
    box-shadow: 0 18px 48px rgba(0,0,0,.55);
}

/* Percentual (canto superior) */
.percent-badge{
    position:absolute; top:12px; right:12px;
    padding:4px 10px; border-radius:999px;
    font-weight:800; font-size:.85rem;
    color:#0a0a0a; background: linear-gradient(180deg,#ffd43b 0%,#f6c915 100%);
    box-shadow:0 6px 16px rgba(246,201,21,.35), inset 0 0 0 1px rgba(255,255,255,.15);
}

/* Ícone + textos */
.funding-icon{
    width:56px; height:56px; border-radius:14px;
    display:grid; place-items:center; margin-bottom:10px;
    background:#0f1419; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.funding-icon i{ font-size:24px; color:#22d3ee; }

.funding-title{ margin:0 0 6px; color:#eaf7f9; font-weight:800; }
.funding-card p{ margin:0; color:#cfe3e7; }

/* CTAs centralizados e consistentes com o resto */
.funding-ctas{
    display:flex; gap:12px; justify-content:center; margin-top:18px;
}
.btn-chip{ border-radius:14px; padding:10px 16px; font-weight:700; }
.btn-chip .bi{ font-size:1rem; margin-right:.5rem; }

/* ghost: borda discreta + ícone cyan */
.btn-chip--ghost{
    background:transparent; border:1px solid #2a2b2e; color:#d4d4d8;
}
.btn-chip--ghost .bi{ color:#22d3ee; }

/* primary: pill cyan com ícone/texto escuros e glow */
.btn-chip--primary{
    background: linear-gradient(180deg,#00d2e1 0%,#00c1cf 100%);
    color:#0a0a0a; border:none;
    box-shadow: 0 12px 30px rgba(0,201,216,.35);
}
.btn-chip--primary .bi{ color:#0a0a0a; }
.btn-chip--primary:hover{ filter:brightness(1.06); transform:translateY(-1px); }

/* 2x2 específico para o bloco de KPIs */
.next-steps__grid.kpi-2x2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important; /* força 2 colunas */
    gap: 16px;
}

/* Mobile: empilha em 1 coluna */
@media (max-width: 900px) {
    .next-steps__grid.kpi-2x2 {
        grid-template-columns: 1fr !important;
    }
}

/* Garanta que os inputs da Syncfusion usem a largura total do card */
.next-steps__grid.kpi-2x2 .ue-input,
.next-steps__grid.kpi-2x2 .e-input-group,
.next-steps__grid.kpi-2x2 .e-control-wrapper {
    width: 100%;
}

/* espaçadores rápidos dentro de Unit Economics */
.e-bio-projections .ue-block { margin-top: 24px; }           /* bloco padrão */
.e-bio-projections .ue-block--lg { margin-top: 36px; }       /* bloco maior, se quiser */

/* espaçadores internos do Unit Economics */
.ue-spacer { margin-top: 22px; }

/* resumo final com “punch” visual sutil */
.ue-summary--final {
    border-color: rgba(34,211,238,.35) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(34,211,238,.18) !important;
}

/* opcional */
.ue-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:8px 0 18px}
.ue-toolbar .muted{opacity:.85}

.metrics__grid.metrics--center {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.metrics__grid.metrics--center .metric-card {
    flex: 0 1 200px; /* largura fixa mas responsiva */
}

.metrics__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* sempre 3 por linha */
    gap: 20px;
}

@media (max-width: 900px) {
    .metrics__grid {
        grid-template-columns: repeat(2, 1fr); /* tablet */
    }
}
@media (max-width: 600px) {
    .metrics__grid {
        grid-template-columns: 1fr; /* mobile */
    }
}

/* Forçar fundo escuro no dropdown da Syncfusion */
.e-dropdownbase .e-list-item,
.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-hover {
    background-color: var(--surface-color) !important; /* seu fundo escuro */
    color: var(--text-primary) !important;
}

/* Fundo da lista (popup) */
.e-dropdown-popup {
    background-color: var(--sidebar-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

/* Texto cinza para os subtítulos (tokens/validações) */
.e-dropdownbase .e-list-item .e-list-text {
    color: var(--text-secondary) !important;
}

/* Itens normais */
.e-dropdownbase .e-list-item {
    background-color: var(--surface-color) !important;
    color: var(--text-primary) !important;
}

/* Hover */
.e-dropdownbase .e-list-item.e-hover {
    background-color: var(--accent-color) !important;
    color: #000 !important; /* contraste com o azul/turquesa */
}

/* Item selecionado (active) */
.e-dropdownbase .e-list-item.e-active {
    background-color: var(--accent-cyan) !important;
    color: #000 !important;
}

/* Popup */
.e-dropdown-popup {
    background-color: var(--sidebar-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6) !important;
}

.pd-list { list-style: none; padding-left: 0; margin: 0; }
.pd-li { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0; }
.li-icon { font-size: 1.1rem; line-height: 1.4; }
.li-text { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.li-title { font-weight: 700; }
.li-sep { opacity: .7; }
.li-desc { opacity: .9; }

.pd-legend {
    display: flex;
    gap: 8px;
    margin: 8px 0 14px;
}

.pd-status-pill {
    font-size: .85rem;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 500;
    background: var(--surface-color);
    border: 1px solid var(--border-color);
}

.pd-status-pill.st-yes {
    color: var(--brand-cyan);
    border-color: var(--brand-cyan);
}

.pd-status-pill.st-partial {
    color: var(--brand-gold);
    border-color: var(--brand-gold);
}

.pd-status-pill.st-no {
    color: #f87171; /* vermelho suave (pode criar --brand-red se quiser) */
    border-color: #f87171;
}


/* Decoração padrão para títulos de seção */
.pd-section-head {
    text-align: center;
    margin-bottom: 1.25rem; /* distância uniforme até o próximo bloco */
}

.pd-section-head h2 {
    font-size: 28px;
    margin: 0 0 6px;
    color: var(--brand-turquoise);
}

.pd-section-head p {
    margin-top: 0;
    font-size: 0.95rem; /* opcional: harmonizar subtítulo */
    color: var(--text-muted); /* se já tiver token de cor */
}

.pd-why-list{ margin:0; padding-left:1.1rem; }
.pd-why-list li{ color:#e6edf3 !important; line-height:1.55; margin:6px 0; }
.pd-why-list li::marker{ color: var(--brand-cyan, #22d3ee); }

/* ===========================================
   PitchDeck — Problema/Solução (CARDS HEADER FIX)
   =========================================== */

/* Estrutura do header do card (problema e solução) */
.psx-card .e-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    text-align: left !important;
}

/* Badge/ícone fixo */
.psx-badge {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Container do texto (h2 + p) */
.psx-headtext {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
    gap: 4px !important;
}

/* Título h4 do header */
.psx-headtext .psx-title,
.psx-card .e-card-header h4 {
    margin: 0 !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    color: #fff !important;
    text-align: left !important;
    line-height: 1.2 !important;
}

/* Subtítulo p do header */
.psx-headtext .psx-sub,
.psx-card .e-card-header p {
    margin: 0 !important;
    font-size: 1rem !important;
    color: #e9eef2 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}

/* Força o alinhamento correto independente da classe do título da seção */
.psx-probsol .psx-title,
.pd-section .psx-title {
    text-align: center !important; /* Mantém o título da seção centralizado */
}

/* Mas força o título do header do card para esquerda */
.psx-card .e-card-header .psx-title {
    text-align: left !important;
}

/* Responsivo */
@media (max-width: 560px) {
    .psx-card .e-card-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }
    
    .psx-headtext {
        text-align: center !important;
    }
    
    .psx-headtext .psx-title,
    .psx-headtext .psx-sub {
        text-align: center !important;
    }
}
/* ================= PROBLEMA × SOLUÇÃO (psx) ================= */

/* ---------- Base da seção ---------- */
.psx-probsol {
    --psx-brand-cyan: var(--brand-cyan, #22d3ee);
    --psx-text-50: #f8fafc;
    --psx-text-200: #e2e8f0;
    --psx-text-300: #cbd5e1;
    --psx-text-500: #94a3b8;
    --psx-bg-800: #141a20;
    --psx-bg-900: #0f1419;
    --psx-border: rgba(255,255,255,.08);

    --psx-card-radius: 14px;
    --psx-card-shadow: 0 12px 28px rgba(0,0,0,.45);
    --psx-card-shadow-hover: 0 18px 48px rgba(0,0,0,.55);
    --psx-divider: rgba(255,255,255,.06);
}

/* ---------- Título/subtítulo da seção ---------- */
.psx-title,
.psx-lead { text-align:center; }
.psx-title { margin-bottom:.5rem; font-weight:700; }
.psx-arrow { margin:0 .25rem; }
.psx-lead { color:var(--psx-text-200); margin-bottom:1.5rem; }

/* ---------- Cards ---------- */

.pd-card{
    background:#12161b !important;
    border:1px solid #242a30 !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.5);
    text-align:left;
    max-width:960px;
    margin:0 auto 22px;
}
/* Header */
.pd-card .e-card-header{
    display:grid !important;
    grid-template-columns: 56px 1fr;
    column-gap:14px;
    align-items:center;
    padding:18px 20px !important;
}

.psx-card {
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
    border:1px solid var(--psx-border);
    border-radius:var(--psx-card-radius);
    box-shadow:var(--psx-card-shadow);
    overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    margin-top: 22px;
}

.psx-card:hover {
    transform:translateY(-2px);
    border-color: color-mix(in srgb, var(--psx-brand-cyan) 35%, transparent);
    box-shadow:var(--psx-card-shadow-hover), 0 0 0 1px color-mix(in srgb, var(--psx-brand-cyan) 35%, transparent);
}

/* Remoção de estilos do header do Syncfusion dentro do card */
.psx-card .e-card-header {
    
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

/* ---------- Header dos cards (ícone + textos) ---------- */
.psx-problem-head,
.psx-sol-head {
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 18px 12px 18px;
    text-align:left;
}

/* Ícones 64x64 fixos */
.psx-problem-badge,
.psx-sol-badge {
    width:64px; height:64px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:rgba(255,255,255,.04);
    border:1px solid var(--psx-border);
}
.psx-problem-badge i { font-size:32px; color:#ff6b6b; }
.psx-sol-badge img {
    width:100%; height:100%;
    object-fit:contain;
}

/* Textos do header — à esquerda e centralizados VERTICALMENTE com o ícone */
.psx-problem-headtext,
.psx-sol-headtext {
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:64px;
    text-align:left;
}
.psx-problem-title,
.psx-sol-title {
    margin:0;
    font-weight:600;
    color:var(--psx-text-50);
}
.psx-problem-sub,
.psx-sol-sub {
    margin:4px 0 0 0;
    color:var(--psx-text-300);
    opacity:1;
}

/* ---------- Accordions ---------- */
.psx-acc.e-acrdn {
    background:transparent !important;
    border:none !important;
}

.psx-acc .e-acrdn-item {
    background:var(--psx-bg-800) !important;
    border:1px solid var(--psx-border) !important;
    border-radius:12px !important;
    margin-bottom:10px !important;
    overflow:hidden;
}



/* ---------- Bullets (com recuo visível) ---------- */
.psx-list {
    list-style:disc;
    list-style-position:outside;
    margin:6px 0 0 1.25rem;
    padding:0;
}
.psx-li {
    margin:.3rem 0;
    line-height:1.55;
    color:#ffffff !important;
}
.psx-list > li::marker { color:var(--psx-brand-cyan); }

/* ---------- Nota de rodapé ---------- */
.psx-footnote {
    margin:.75rem 1rem 1rem 1rem;
    font-size:.9rem;
    color:var(--brand-gold) !important;
    opacity:.9;
}

.psx-footnote {
    margin:.75rem 1rem 1rem 1rem;
    font-size:.9rem;
    color:var(--brand-gold) !important;
    opacity:.9;
}

.psx-patent-mark {
    font-size:.9rem;
    color:var(--brand-gold) !important;
    opacity:.9;
}


/* ---------- Espaçamento entre os cards ---------- */
@media (min-width:992px) {
    .psx-probsol .row.g-4 {
        --bs-gutter-x:2.5rem;
        --bs-gutter-y:2rem;
    }
}
@media (max-width:991.98px) {
    .psx-card { margin-bottom:20px; }
}

/* ==== FIX 1: card não pode ficar branco no hover ==== */
.psx-card,
.psx-card:hover,
.psx-card:focus {
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)) !important;
}

/* Opcional (borda ciano no hover, sem clarear o fundo) */
.psx-card:hover {
    border-color: color-mix(in srgb, var(--psx-brand-cyan, #22d3ee) 35%, transparent) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.55),
    0 0 0 1px color-mix(in srgb, var(--psx-brand-cyan, #22d3ee) 35%, transparent) !important;
}

/* ==== FIX 2: accordion não pode clarear no hover/active ==== */
.psx-acc .e-acrdn-item:hover,
.psx-acc .e-acrdn-item.e-hover,
.psx-acc .e-acrdn-item.e-active,
.psx-acc .e-acrdn-item.e-selected {
    background: var(--psx-bg-800, #141a20) !important;
    border-color: var(--psx-border, rgba(255,255,255,.08)) !important;
}

/* Header do item em todos os estados “hover/active/selected” */
.psx-acc .e-acrdn-item:hover > .e-acrdn-header,
.psx-acc .e-acrdn-item.e-hover > .e-acrdn-header,
.psx-acc .e-acrdn-item.e-active > .e-acrdn-header,
.psx-acc .e-acrdn-item.e-selected > .e-acrdn-header {
    background: var(--psx-bg-800, #141a20) !important;
    color: var(--psx-text-50, #f8fafc) !important;
}

/* Conteúdo expandido também não pode “lavar” no hover */
.psx-acc .e-acrdn-item:hover > .e-acrdn-content,
.psx-acc .e-acrdn-item.e-active > .e-acrdn-content,
.psx-acc .e-acrdn-item.e-selected > .e-acrdn-content {
    background: var(--psx-bg-900, #0f1419) !important;
    color: #fff !important;
}

/* Chevron mantém cor consistente */
.psx-acc .e-toggle-icon { color: var(--psx-text-500, #94a3b8) !important; }
.psx-acc .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
.psx-acc .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
.psx-acc .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon {
    color: var(--psx-brand-cyan, #22d3ee) !important;
}

/* ==== FIX: Header dos cards alinhados à esquerda ==== */
.psx-card .e-card-header {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.psx-head {
    display: flex;
    align-items: center;   /* garante alinhamento vertical */
    gap: 16px;
    padding: 18px 18px 12px 18px;
    text-align: left;
}

.psx-badge {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--psx-border);
}

.psx-badge i { font-size: 32px; color: #ff6b6b !important; }
.psx-badge img { width: 100%; height: 100%; object-fit: contain; }

.psx-headtext {
    display: flex;
    flex-direction: column;
    justify-content: center;  /* centraliza verticalmente com o badge */
    min-height: 64px;         /* mesma altura do badge */
    text-align: left;
}

.psx-headtext h4 {
    margin: 0;
    font-weight: 600;
    color: var(--psx-text-50);
}
.psx-headtext p {
    margin: 4px 0 0 0;
    color: var(--psx-text-300);
    opacity: 1;
}

/* ---------- Header dos cards ---------- */
.psx-card-head {
    display: flex;
    align-items: center;   /* centraliza verticalmente */
    gap: 16px;
    padding: 18px;
    text-align: left;
}

/* Badge fixo 64x64 */
.psx-badge {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}
.psx-badge i {
    font-size: 32px;
    line-height: 1;
}
.psx-badge--danger i { color: #ff6b6b; }
.psx-badge--brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;  /* ocupa todo o espaço do badge */
}

/* Textos alinhados à esquerda e centralizados verticalmente */
.psx-headtext {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 64px;   /* igual ao badge */
    text-align: left;
}
.psx-title {
    margin: 0;
    font-weight: 600;
    color: #f8fafc;
}
.psx-sub {
    margin: 4px 0 0 0;
    color: #cbd5e1;
    opacity: .95;
}

/* ===========================================
   PitchDeck — Problema/Solução (CARDS HEADER FIX)
   =========================================== */

/* Estrutura do header do card (problema e solução) */
.psx-card .e-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px 24px !important; /* Aumentado o padding horizontal */
    text-align: left !important;
}

/* Badge/ícone fixo */
.psx-badge {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Container do texto (h2 + p) */
.psx-headtext {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
    gap: 6px !important; /* Espaçamento entre título e subtítulo */
    padding: 4px 0 !important; /* Padding vertical para dar mais ar */
}

/* Título h4 do header */
.psx-headtext .psx-title,
.psx-card .e-card-header h4 {
    margin: 0 !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
    color: #fff !important;
    text-align: left !important;
    line-height: 1.2 !important;
    padding: 0 !important;
}

/* Subtítulo p do header */
.psx-headtext .psx-sub,
.psx-card .e-card-header p {
    margin: 0 !important;
    font-size: 1rem !important;
    color: #e9eef2 !important;
    text-align: left !important;
    line-height: 1.4 !important;
    padding: 0 !important;
}

/* Garante espaçamento adequado do conteúdo do card */
.psx-card .e-card-content {
    padding: 18px 24px 24px 24px !important; /* Alinha com o header */
}

/* Força o alinhamento correto independente da classe do título da seção */
.psx-probsol .psx-title,
.pd-section .psx-title {
    text-align: center !important; /* Mantém o título da seção centralizado */
}

/* Mas força o título do header do card para esquerda */
.psx-card .e-card-header .psx-title {
    text-align: left !important;
}

/* Responsivo */
@media (max-width: 768px) {
    .psx-card .e-card-header {
        padding: 18px 20px !important; /* Padding um pouco menor em tablets */
        gap: 14px !important;
    }

    .psx-card .e-card-content {
        padding: 16px 20px 20px 20px !important;
    }
}

@media (max-width: 560px) {
    .psx-card .e-card-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
        padding: 16px 18px !important; /* Padding ainda menor no mobile */
    }

    .psx-headtext {
        text-align: center !important;
        padding: 0 !important;
    }

    .psx-headtext .psx-title,
    .psx-headtext .psx-sub {
        text-align: center !important;
    }

    .psx-card .e-card-content {
        padding: 14px 18px 18px 18px !important;
    }
}


/* ===========================================
   PitchDeck — SfAccordion Alinhamento e Bullets Turquesa
   =========================================== */

/* Força alinhamento à esquerda nos headers do accordion */
.psx-acc .e-acrdn-header,
.psx-acc .e-acrdn-header .e-acrdn-header-content,
.psx-acc .e-acrdn-header .e-headertext {
    text-align: left !important;
}



/* Conteúdo do accordion - alinhado à esquerda */
.psx-acc .e-acrdn-content {
    background: var(--psx-bg-900, #0f1419) !important;
    border-top: 1px solid var(--psx-divider, rgba(255,255,255,.06)) !important;
    padding: 14px 18px !important;
    color: #ffffff !important;
    text-align: left !important;
}

/* Força todos os elementos dentro do conteúdo para esquerda */
.psx-acc .e-acrdn-content * {
    color: #ffffff !important;
    text-align: left !important;
}

/* Lista com bullets turquesa customizados */
.psx-list {
    list-style: none !important; /* Remove bullets padrão */
    padding-left: 0 !important;
    margin: 6px 0 0 0 !important;
    text-align: left !important;
}

.psx-li {
    position: relative !important;
    margin: 8px 0 !important;
    padding-left: 20px !important; /* Espaço para o bullet customizado */
    line-height: 1.55 !important;
    color: #ffffff !important;
    text-align: left !important;
}

/* Bullet turquesa customizado */
.psx-li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: var(--brand-turquoise, #2BCFDB) !important;
    font-size: 1.2em !important;
    line-height: 1.55 !important;
    font-weight: bold !important;
}

/* Alternativa com ícone se preferir */
.psx-li.with-icon::before {
    content: "▶" !important;
    font-size: 0.8em !important;
    top: 0.1em !important;
}

/* Lista compacta (se usar em "Por que investir") */
.pd-why-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 6px 0 0 0 !important;
    text-align: left !important;
}

.pd-why-list li {
    position: relative !important;
    margin: 6px 0 !important;
    padding-left: 18px !important;
    line-height: 1.55 !important;
    color: #e6edf3 !important;
    text-align: left !important;
}

.pd-why-list li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: var(--brand-turquoise, #2BCFDB) !important;
    font-size: 1.1em !important;
    line-height: 1.55 !important;
    font-weight: bold !important;
}

/* Lista compacta alternativa */
.pd-list--compact {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 6px 0 !important;
    text-align: left !important;
}

.pd-list--compact li {
    position: relative !important;
    margin: 6px 0 !important;
    padding-left: 18px !important;
    line-height: 1.55 !important;
    color: #e6edf3 !important;
    text-align: left !important;
}

.pd-list--compact li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: var(--brand-turquoise, #2BCFDB) !important;
    font-size: 1.1em !important;
    line-height: 1.55 !important;
    font-weight: bold !important;
}

/* Override para garantir que o header funcione corretamente */
.psx-acc .e-acrdn-header .e-acrdn-header-content {
    padding: 0 !important;
    background: transparent !important;
}

/* Garante que o toggle icon fique à direita */
.psx-acc .e-acrdn-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.psx-acc .e-toggle-icon {
    color: var(--psx-text-500, #94a3b8) !important;
    margin-left: auto !important;
}

.psx-acc .e-acrdn-item.e-active .e-toggle-icon,
.psx-acc .e-acrdn-item.e-selected .e-toggle-icon {
    color: var(--brand-turquoise, #2BCFDB) !important;
}

/* Responsivo */
@media (max-width: 560px) {
    .psx-li {
        padding-left: 16px !important;
        margin: 6px 0 !important;
    }

    .pd-why-list li,
    .pd-list--compact li {
        padding-left: 16px !important;
    }
}


/* ===========================================
   PitchDeck — SfAccordion Título Alinhado à Esquerda (FIX ESPECÍFICO)
   =========================================== */

/* Força alinhamento à esquerda no título principal do accordion com maior especificidade */
.psx-acc .e-acrdn-item .e-acrdn-header,
.psx-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.psx-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content *,
.psx-acc .e-acrdn-item .e-acrdn-header .e-headertext {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Container específico do header com flexbox forçado */
.psx-acc .e-acrdn-item .e-acrdn-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    padding: 12px 16px !important;
}

/* Conteúdo principal do header (onde fica o título) */
.psx-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    flex: 1 !important;
    padding: 0 !important;
    background: transparent !important;
}



/* Ícone do toggle sempre à direita */
.psx-acc .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    color: var(--psx-text-500, #94a3b8) !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* Estados ativos do toggle */
.psx-acc .e-acrdn-item.e-active .e-acrdn-header .e-toggle-icon,
.psx-acc .e-acrdn-item.e-selected .e-acrdn-header .e-toggle-icon,
.psx-acc .e-acrdn-item.e-expand-state .e-acrdn-header .e-toggle-icon {
    color: var(--brand-turquoise, #2BCFDB) !important;
}

/* Remove qualquer centralização residual do Syncfusion */
.psx-acc .e-acrdn-item .e-acrdn-header * {
    text-align: left !important;
}

/* Força estrutura específica para o header template */
.psx-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content .psx-item-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.6rem !important;
    text-align: left !important;
    width: 100% !important;
}

/* Ícone do item sempre fixo */
.psx-acc .e-acrdn-item .e-acrdn-header .psx-item-icon {
    font-size: 1.1rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Título do item com força máxima */
.psx-acc .e-acrdn-item .e-acrdn-header .psx-item-title {
    font-weight: 600 !important;
    color: var(--psx-text-50, #f8fafc) !important;
    letter-spacing: 0.2px !important;
    text-align: left !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* Estados hover/active mantendo alinhamento */
.psx-acc .e-acrdn-item:hover .e-acrdn-header,
.psx-acc .e-acrdn-item.e-active .e-acrdn-header,
.psx-acc .e-acrdn-item.e-selected .e-acrdn-header {
    text-align: left !important;
    justify-content: space-between !important;
}

.psx-acc .e-acrdn-item:hover .e-acrdn-header .e-acrdn-header-content,
.psx-acc .e-acrdn-item.e-active .e-acrdn-header .e-acrdn-header-content,
.psx-acc .e-acrdn-item.e-selected .e-acrdn-header .e-acrdn-header-content {
    justify-content: flex-start !important;
    text-align: left !important;
}

.psx-acc .e-acrdn-item:hover .e-acrdn-header .psx-item-title,
.psx-acc .e-acrdn-item.e-active .e-acrdn-header .psx-item-title,
.psx-acc .e-acrdn-item.e-selected .e-acrdn-header .psx-item-title {
    text-align: left !important;
}

/* Override completo para eliminar qualquer centralização */
.psx-acc .e-acrdn-item .e-acrdn-header,
.psx-acc .e-acrdn-item .e-acrdn-header *:not(.e-toggle-icon) {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Responsivo mantendo alinhamento */
@media (max-width: 560px) {
    .psx-acc .e-acrdn-item .e-acrdn-header,
    .psx-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
    .psx-acc .e-acrdn-item .e-acrdn-header .psx-item-head,
    .psx-acc .e-acrdn-item .e-acrdn-header .psx-item-title {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}


/* ===========================================
   PitchDeck — HeaderTemplate Alinhamento à Esquerda (FIX ESPECÍFICO)
   =========================================== */

/* Força alinhamento à esquerda nos HeaderTemplate da seção psx-probsol */
.psx-probsol .psx-item-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    gap: 0.6rem !important;
}

/* Força o container do header do accordion */
.psx-probsol .e-acrdn-header {
    text-align: left !important;
    justify-content: flex-start !important;
}

.psx-probsol .e-acrdn-header .e-acrdn-header-content {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
}

/* Específico para o div com estilo inline */
.psx-probsol .psx-item-head[style*="justify-content"] {
    justify-content: flex-start !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
}

/* Força o ícone e título para esquerda */
.psx-probsol .psx-item-icon {
    flex-shrink: 0 !important;
    margin-right: 0.6rem !important;
}

.psx-probsol .psx-item-title {
    flex: 1 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override para qualquer centralização do Syncfusion */
.psx-probsol .e-acrdn-item .e-acrdn-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
}

.psx-probsol .e-acrdn-item .e-acrdn-header > * {
    text-align: left !important;
}

/* Container principal do header template */
.psx-probsol .e-acrdn-header-content {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    flex: 1 !important;
}

/* Força todos os elementos filhos para esquerda */
.psx-probsol .e-acrdn-header-content > * {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Responsivo */
@media (max-width: 560px) {
    .psx-probsol .psx-item-head,
    .psx-probsol .psx-item-head[style*="justify-content"] {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

/* ===========================================
   PitchDeck — Espaçamento entre Cards Problema/Solução
   =========================================== */

/* Espaçamento específico entre os cards problema e solução */
.psx-problem-card,
.psx-solution-card {
    margin-bottom: 2rem !important; /* Espaço vertical para mobile */
}

/* Desktop: espaço horizontal entre os cards */
@media (min-width: 992px) {
    .psx-probsol .col-lg-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .psx-problem-card,
    .psx-solution-card {
        margin-bottom: 0 !important; /* Remove margem vertical no desktop */
    }
}

/* Alternativa mais forte se o acima não funcionar */
.psx-probsol .row {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}

.psx-probsol .col-lg-6 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Force gap between cards using gap if supported */
.psx-probsol .row.g-4 {
    gap: 2rem !important;
}

@media (min-width: 992px) {
    .psx-probsol .row.g-4 {
        gap: 3rem !important;
    }
}

/* Regra universal para todos os toggle icons em hover/select */
.e-toggle-icon:hover,
.e-acrdn-header:hover .e-toggle-icon,
.e-acrdn-item:hover .e-toggle-icon,
.e-acrdn-item.e-active .e-toggle-icon,
.e-acrdn-item.e-selected .e-toggle-icon {
    color: var(--brand-turquoise, #2BCFDB) !important;
}

.pd-item-title {
    font-weight:600;
    color:var(--psx-text-50);
    letter-spacing:.2px;
    justify-content:flex-start;
}

.tk-item-title {
    font-weight:600;
    color:var(--psx-text-50);
    letter-spacing:.2px;
    justify-content:flex-start;
}

/* Força cor turquesa no toggle icon durante hover e select do header - MÁXIMA PRIORIDADE */
html body .e-accordion .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
html body .e-accordion .e-acrdn-item.e-hover > .e-acrdn-header .e-toggle-icon,
html body .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon,
html body .e-accordion .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
html body .faq-acc .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
html body .faq-acc .e-acrdn-item.e-hover > .e-acrdn-header .e-toggle-icon,
html body .faq-acc .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
html body .faq-acc .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon,
html body .psx-acc .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
html body .psx-acc .e-acrdn-item.e-hover > .e-acrdn-header .e-toggle-icon,
html body .psx-acc .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
html body .psx-acc .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon,
html body .vesting-acc .e-acrdn-item:hover > .e-acrdn-header .e-toggle-icon,
html body .vesting-acc .e-acrdn-item.e-hover > .e-acrdn-header .e-toggle-icon,
html body .vesting-acc .e-acrdn-item.e-active > .e-acrdn-header .e-toggle-icon,
html body .vesting-acc .e-acrdn-item.e-selected > .e-acrdn-header .e-toggle-icon {
    color: var(--brand-turquoise, #2BCFDB) !important;
}

/* Regra universal de backup com máxima especificidade */
html body .e-acrdn-header:hover .e-toggle-icon,
html body .e-acrdn-item:hover .e-toggle-icon,
html body .e-acrdn-item.e-active .e-toggle-icon,
html body .e-acrdn-item.e-selected .e-toggle-icon {
    color: var(--brand-turquoise, #2BCFDB) !important;
}

.pd-feature {
    white-space: normal;
    word-break: break-word;
}

/* Container do item head (ícone + título) */
.psx-item-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    /* Remove white-space: nowrap para permitir quebra de linha */
    word-wrap: break-word;
    overflow-wrap: break-word;


}

/* Título específico forçando esquerda */
.psx-item-title {
    font-weight: 700 !important;
    font-size: 15px;
    color: var(--text-100, #f8fafc) !important;
    line-height: 1.4;
    /* Permitir quebra de linha e texto responsivo */
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    letter-spacing: 0.2px !important;
    text-align: left !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    justify-content:flex-start;
}



/* Ícone do item */
.psx-item-icon {
    font-size: 18px;
    flex-shrink: 0; /* Impede que o ícone encolha */
    width: 24px;
    text-align: center;
}

/* Estilos específicos para mobile */
@media (max-width: 768px) {
    .psx-item-head {
        align-items: flex-start; /* Alinha ao topo no mobile */
        gap: 8px;
        padding: 12px 0;
    }

    .psx-item-title {
        font-size: 14px;
        line-height: 1.3;
        /* Força quebra de linha em textos longos */
    }

    .psx-item-icon {
        margin-top: 2px; /* Pequeno ajuste para alinhamento */
    }
}


/* Header do item — ícone + título alinhados à esquerda */
.psx-acc .e-acrdn-header {
    background:var(--psx-bg-800) !important;
    color:var(--psx-text-50) !important;
    padding:12px 16px !important;
    text-align:left !important;
}



/* Ícone de toggle */
.psx-acc .e-toggle-icon { color:var(--psx-text-500) !important; }
.psx-acc .e-active > .e-acrdn-header .e-toggle-icon { color:var(--psx-brand-cyan) !important; }

/* Conteúdo expandido — branco puro + alinhado à esquerda */
.psx-acc .e-acrdn-content {
    background:var(--psx-bg-900) !important;
    border-top:1px solid var(--psx-divider) !important;
    padding:14px 18px !important;
    color:#ffffff !important;
    text-align:left !important;
}
.psx-acc .e-acrdn-content * { color:#ffffff !important; }

/* Header template dos accordions FAQ também */
.faq-acc .e-accordion-header .e-accordion-text {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.faq-acc .psx-item-title {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ===========================================
   PitchDeck — Grids Responsivos para Mobile (FIX)
   =========================================== */

/* Força scroll horizontal apenas no conteúdo do grid */
@media (max-width: 768px) {
    /* Container principal do grid mantém estrutura */
    .pd-grid,
    .pitchdeck-root .e-grid {
        width: 100% !important;
        overflow: visible !important;
    }

    /* Conteúdo interno do grid com scroll horizontal */
    .pd-grid .e-gridcontent table,
    .pitchdeck-root .e-grid .e-gridcontent table {
        min-width: 600px !important;
    }

    .pd-grid .e-gridcontent,
    .pitchdeck-root .e-grid .e-gridcontent {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
    }

    /* Header também precisa de scroll */
    .pd-grid .e-gridheader .e-table,
    .pitchdeck-root .e-grid .e-gridheader .e-table {
        min-width: 600px !important;
    }

    .pd-grid .e-gridheader,
    .pitchdeck-root .e-grid .e-gridheader {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Sincroniza scroll entre header e conteúdo */
    .pd-grid .e-gridheader::-webkit-scrollbar,
    .pd-grid .e-gridcontent::-webkit-scrollbar {
        height: 6px !important;
    }

    .pd-grid .e-gridheader::-webkit-scrollbar-thumb,
    .pd-grid .e-gridcontent::-webkit-scrollbar-thumb {
        background: rgba(34, 211, 238, 0.6) !important;
        border-radius: 3px !important;
    }

    .pd-grid .e-gridheader::-webkit-scrollbar-track,
    .pd-grid .e-gridcontent::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    /* Colunas mantém largura mínima */
    .pd-grid th,
    .pd-grid td,
    .pitchdeck-root .e-grid th,
    .pitchdeck-root .e-grid td {
        min-width: 120px !important;
        white-space: nowrap !important;
    }

    /* Primeira coluna (Feature) mais larga */
    .pd-grid th:first-child,
    .pd-grid td:first-child,
    .pitchdeck-root .e-grid th:first-child,
    .pitchdeck-root .e-grid td:first-child {
        min-width: 180px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.3 !important;
    }
}

/* Telas muito pequenas */
@media (max-width: 480px) {
    .pd-grid .e-gridcontent table,
    .pd-grid .e-gridheader .e-table,
    .pitchdeck-root .e-grid .e-gridcontent table,
    .pitchdeck-root .e-grid .e-gridheader .e-table {
        min-width: 500px !important;
    }

    .pd-grid th,
    .pd-grid td,
    .pitchdeck-root .e-grid th,
    .pitchdeck-root .e-grid td {
        min-width: 100px !important;
        font-size: 0.9rem !important;
        padding: 8px 6px !important;
    }

    .pd-grid th:first-child,
    .pd-grid td:first-child,
    .pitchdeck-root .e-grid th:first-child,
    .pitchdeck-root .e-grid td:first-child {
        min-width: 160px !important;
    }
}

/* ===========================================
   PitchDeck — Grids Responsivos para Mobile (FIX ALTURA)
   =========================================== */

/* Força scroll horizontal apenas no conteúdo do grid */
@media (max-width: 768px) {
    /* Container principal do grid mantém estrutura */
    .pd-grid,
    .pitchdeck-root .e-grid {
        width: 100% !important;
        overflow: visible !important;
    }

    /* Conteúdo interno do grid com scroll horizontal */
    .pd-grid .e-gridcontent table,
    .pitchdeck-root .e-grid .e-gridcontent table {
        min-width: 650px !important;
    }

    .pd-grid .e-gridcontent,
    .pitchdeck-root .e-grid .e-gridcontent {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
    }

    /* Header também precisa de scroll */
    .pd-grid .e-gridheader .e-table,
    .pitchdeck-root .e-grid .e-gridheader .e-table {
        min-width: 650px !important;
    }

    .pd-grid .e-gridheader,
    .pitchdeck-root .e-grid .e-gridheader {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Sincroniza scroll entre header e conteúdo */
    .pd-grid .e-gridheader::-webkit-scrollbar,
    .pd-grid .e-gridcontent::-webkit-scrollbar {
        height: 8px !important;
    }

    .pd-grid .e-gridheader::-webkit-scrollbar-thumb,
    .pd-grid .e-gridcontent::-webkit-scrollbar-thumb {
        background: rgba(34, 211, 238, 0.6) !important;
        border-radius: 4px !important;
    }

    .pd-grid .e-gridheader::-webkit-scrollbar-track,
    .pd-grid .e-gridcontent::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    /* Headers com altura adequada */
    .pd-grid .e-headercell,
    .pitchdeck-root .e-grid .e-headercell {
        min-width: 130px !important;
        min-height: 50px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        padding: 12px 10px !important;
        line-height: 1.3 !important;
        vertical-align: middle !important;
    }

    /* Células com altura adequada */
    .pd-grid .e-rowcell,
    .pd-grid .e-templatecell,
    .pitchdeck-root .e-grid .e-rowcell,
    .pitchdeck-root .e-grid .e-templatecell {
        min-width: 130px !important;
        min-height: 55px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        padding: 14px 10px !important;
        line-height: 1.4 !important;
        vertical-align: middle !important;
    }

    /* Primeira coluna (Feature) mais larga e com mais espaço */
    .pd-grid .e-headercell:first-child,
    .pd-grid .e-rowcell:first-child,
    .pd-grid .e-templatecell:first-child,
    .pitchdeck-root .e-grid .e-headercell:first-child,
    .pitchdeck-root .e-grid .e-rowcell:first-child,
    .pitchdeck-root .e-grid .e-templatecell:first-child {
        min-width: 200px !important;
        max-width: 250px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.3 !important;
        padding: 16px 12px !important;
    }

    /* Status pills com tamanho adequado */
    .pd-status {
        font-size: 0.85rem !important;
        padding: 6px 10px !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        min-height: 28px !important;
    }

    /* Garante altura mínima das linhas */
    .pd-grid .e-row,
    .pitchdeck-root .e-grid .e-row {
        min-height: 55px !important;
    }

    .pd-grid .e-headerrow,
    .pitchdeck-root .e-grid .e-headerrow {
        min-height: 50px !important;
    }
}

/* Telas muito pequenas com ajustes proporcionais */
@media (max-width: 480px) {
    .pd-grid .e-gridcontent table,
    .pd-grid .e-gridheader .e-table,
    .pitchdeck-root .e-grid .e-gridcontent table,
    .pitchdeck-root .e-grid .e-gridheader .e-table {
        min-width: 550px !important;
    }

    /* Headers um pouco menores mas ainda legíveis */
    .pd-grid .e-headercell,
    .pitchdeck-root .e-grid .e-headercell {
        min-width: 110px !important;
        min-height: 45px !important;
        font-size: 0.9rem !important;
        padding: 10px 8px !important;
    }

    /* Células um pouco menores mas ainda confortáveis */
    .pd-grid .e-rowcell,
    .pd-grid .e-templatecell,
    .pitchdeck-root .e-grid .e-rowcell,
    .pitchdeck-root .e-grid .e-templatecell {
        min-width: 110px !important;
        min-height: 50px !important;
        font-size: 0.9rem !important;
        padding: 12px 8px !important;
    }

    /* Primeira coluna ainda grande o suficiente */
    .pd-grid .e-headercell:first-child,
    .pd-grid .e-rowcell:first-child,
    .pd-grid .e-templatecell:first-child,
    .pitchdeck-root .e-grid .e-headercell:first-child,
    .pitchdeck-root .e-grid .e-rowcell:first-child,
    .pitchdeck-root .e-grid .e-templatecell:first-child {
        min-width: 180px !important;
        max-width: 220px !important;
        padding: 14px 10px !important;
    }

    /* Status pills menores mas legíveis */
    .pd-status {
        font-size: 0.8rem !important;
        padding: 4px 8px !important;
        min-height: 24px !important;
    }

    /* Altura mínima das linhas em telas pequenas */
    .pd-grid .e-row,
    .pitchdeck-root .e-grid .e-row {
        min-height: 50px !important;
    }

    .pd-grid .e-headerrow,
    .pitchdeck-root .e-grid .e-headerrow {
        min-height: 45px !important;
    }
}

/* Melhora o espaçamento vertical geral */
@media (max-width: 768px) {
    .pd-grid .e-table,
    .pitchdeck-root .e-grid .e-table {
        border-collapse: separate !important;
        border-spacing: 0 2px !important;
    }
}

/* ... existing code ... */

/* ===========================================
   MOBILE - CORREÇÃO HEADERS SYNCFUSION GRID  
   =========================================== */

@media (max-width: 768px) {
    /* Força scroll horizontal para mostrar tudo */
    .pd-grid,
    .pitchdeck-root .e-grid {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Define largura mínima para a tabela inteira */
    .pd-grid .e-table,
    .pd-grid .e-content table,
    .pd-grid .e-headertable,
    .pitchdeck-root .e-grid .e-table,
    .pitchdeck-root .e-grid .e-content table,
    .pitchdeck-root .e-grid .e-headertable {
        min-width: 600px !important;
        width: 600px !important;
    }

    /* Headers com largura fixa suficiente */
    .pd-grid .e-headercell,
    .pitchdeck-root .e-grid .e-headercell {
        min-width: 150px !important;
        width: 150px !important;
        padding: 8px !important;
    }

    /* Primeira coluna mais larga */
    .pd-grid .e-headercell:first-child,
    .pitchdeck-root .e-grid .e-headercell:first-child {
        min-width: 180px !important;
        width: 180px !important;
    }

    /* Texto dos headers */
    .pd-grid .e-headercell .e-headertext,
    .pitchdeck-root .e-grid .e-headercell .e-headertext {
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
        text-overflow: unset !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    /* Células do corpo também precisam seguir */
    .pd-grid .e-rowcell,
    .pd-grid .e-templatecell,
    .pitchdeck-root .e-grid .e-rowcell,
    .pitchdeck-root .e-grid .e-templatecell {
        min-width: 150px !important;
        width: 150px !important;
        padding: 8px !important;
        font-size: 11px !important;
    }

    /* Primeira coluna das células */
    .pd-grid .e-rowcell:first-child,
    .pd-grid .e-templatecell:first-child,
    .pitchdeck-root .e-grid .e-rowcell:first-child,
    .pitchdeck-root .e-grid .e-templatecell:first-child {
        min-width: 180px !important;
        width: 180px !important;
    }
}

@media (max-width: 480px) {
    /* Tabela ainda maior para telas muito pequenas */
    .pd-grid .e-table,
    .pd-grid .e-content table,
    .pd-grid .e-headertable,
    .pitchdeck-root .e-grid .e-table,
    .pitchdeck-root .e-grid .e-content table,
    .pitchdeck-root .e-grid .e-headertable {
        min-width: 650px !important;
        width: 650px !important;
    }

    .pd-grid .e-headercell .e-headertext,
    .pitchdeck-root .e-grid .e-headercell .e-headertext {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
}

/* ... existing code ... */

/* Corrigir quebra inadequada de texto nos títulos do accordion de vesting */
.vesting-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.vesting-acc .e-acrdn-item .e-acrdn-header .psx-item-title {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
    hyphens: none !important;
    line-break: auto !important;
    text-overflow: clip !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Garantir que o container do header tenha espaço adequado */
.vesting-acc .e-acrdn-item .e-acrdn-header {
    padding: 16px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Ajuste específico para mobile */
@media (max-width: 768px) {
    .vesting-acc .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
    .vesting-acc .e-acrdn-item .e-acrdn-header .psx-item-title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: normal !important;
    }

    .vesting-acc .e-acrdn-item .e-acrdn-header {
        padding: 14px !important;
        min-height: 50px !important;
    }
}

/* Remover qualquer estilo que possa estar forçando quebras inadequadas */
.vesting-acc * {
    word-break: normal !important;
    overflow-wrap: normal !important;
}