/* GestPro — overrides do tema escuro. Padrão: claro (variáveis originais). Aplicado quando . */ /* Botão de toggle de tema (compartilhado em todas as páginas) */ .theme-toggle{ display:inline-flex;align-items:center;justify-content:center; width:38px;height:38px;border-radius:50%; border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03); color:inherit;cursor:pointer;font-size:1rem;line-height:1; transition:transform .2s,background .2s,border-color .2s; flex-shrink:0;padding:0; } .theme-toggle:hover{transform:translateY(-1px);background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.2)} .theme-toggle .theme-ico{font-size:1rem;line-height:1} @media (max-width:500px){.theme-toggle{width:34px;height:34px;font-size:.92rem}} html[data-theme="dark"] .theme-toggle{ border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#e8f5ee; } html[data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,.10);border-color:rgba(0,230,118,.4)} /* ────────────────────────────────────────────────────────────── DARK MODE — Token overrides ────────────────────────────────────────────────────────────── */ html[data-theme="dark"]{ color-scheme:dark; --bg:#040A06; --bg2:#0a1410; --bg3:#0f1d16; --card:#0d1612; --card2:#111c17; --bdr:rgba(255,255,255,.08); --bdr2:rgba(0,230,118,.35); --txt:#e8f5ee; --txt2:#a8b8b0; --txt3:#7a8a82; --mut:#a8b8b0; --mut2:#7a8a82; } html[data-theme="dark"] body{background:#040A06;color:#e8f5ee} /* NAV (index inline + páginas com .site-nav) */ html[data-theme="dark"] nav, html[data-theme="dark"] nav.site-nav{ background:rgba(4,10,6,.88) !important; border-bottom-color:rgba(255,255,255,.08) !important; box-shadow:0 1px 3px rgba(0,0,0,.4) !important; } html[data-theme="dark"] .nav-links a{color:#d8e5dc} html[data-theme="dark"] .nav-links a:hover, html[data-theme="dark"] .nav-links a.active{color:#00E676} html[data-theme="dark"] .btn-ghost{border-color:rgba(255,255,255,.18);color:#e8f5ee} html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.05)} /* Logo escuro: se o logo for jpg com fundo branco, suavizar */ html[data-theme="dark"] .nav-logo img, html[data-theme="dark"] .f-brand img, html[data-theme="dark"] .footer-brand img{filter:brightness(1.05) contrast(1.05)} /* HERO + sections do index.html */ html[data-theme="dark"] #hero .blob1{background:radial-gradient(ellipse,rgba(0,230,118,.18),transparent 70%)} html[data-theme="dark"] #hero .blob2{background:radial-gradient(ellipse,rgba(59,130,246,.14),transparent 70%)} html[data-theme="dark"] .visual-grid{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)} /* Ticker */ html[data-theme="dark"] .ticker-wrap{background:linear-gradient(90deg,rgba(0,230,118,.10),rgba(59,130,246,.08) 50%,rgba(0,230,118,.10));border-color:rgba(0,230,118,.25)} html[data-theme="dark"] .ticker-item{color:#e8f5ee;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)} /* Proof bar */ html[data-theme="dark"] .proof-label{color:#d8e5dc;opacity:.85} html[data-theme="dark"] .proof-chip{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:#e8f5ee;border-color:rgba(0,230,118,.3);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 4px 14px rgba(0,0,0,.4)} /* Dor / Solução cards */ html[data-theme="dark"] .dor-card, html[data-theme="dark"] .sol-card, html[data-theme="dark"] .feat-card, html[data-theme="dark"] .caso-card, html[data-theme="dark"] .depo-card{ background:#0d1612;border-color:rgba(255,255,255,.08); } html[data-theme="dark"] .sol-card{border-color:rgba(0,230,118,.3)} /* Bento (index features grid) */ html[data-theme="dark"] .feat-card.bento-xl{background:linear-gradient(160deg,rgba(0,230,118,.18),rgba(0,230,118,.04) 45%,#0d1612) !important;border-color:rgba(0,230,118,.4) !important} html[data-theme="dark"] .feat-card.bento-tall{background:linear-gradient(180deg,rgba(59,130,246,.14),#0d1612 60%) !important;border-color:rgba(59,130,246,.3) !important} html[data-theme="dark"] .feat-card.bento-wide{background:linear-gradient(135deg,rgba(168,85,247,.14),#0d1612 65%) !important;border-color:rgba(168,85,247,.28) !important} /* Planos */ html[data-theme="dark"] #precos{background:#0a1410} html[data-theme="dark"] .plan-card{background:linear-gradient(180deg,#0d1612,#0a130f) !important;border-color:rgba(255,255,255,.08) !important;box-shadow:0 8px 24px rgba(0,0,0,.45) !important} html[data-theme="dark"] .plan-card.popular{background:linear-gradient(165deg,rgba(0,230,118,.14),rgba(0,230,118,.04) 45%,#0d1612) !important;border-color:rgba(0,230,118,.45) !important} html[data-theme="dark"] .plan-name, html[data-theme="dark"] .plan-price{color:#e8f5ee} html[data-theme="dark"] .plan-from, html[data-theme="dark"] .plan-mo, html[data-theme="dark"] .plan-desc{color:#a8b8b0} html[data-theme="dark"] .plan-original{color:#6b7a72} html[data-theme="dark"] .plan-feats li{color:#d8e5dc} html[data-theme="dark"] .plan-feats li.no{color:#6b7a72} html[data-theme="dark"] .plan-sep{border-top-color:rgba(255,255,255,.08)} html[data-theme="dark"] .cta-border{background:linear-gradient(135deg,#00E676,#00B85F);color:#04240f;border-color:rgba(0,230,118,.55);box-shadow:0 8px 22px rgba(0,230,118,.35)} html[data-theme="dark"] .cta-border:hover{background:linear-gradient(135deg,#1AF08A,#00C853);color:#04240f;box-shadow:0 12px 28px rgba(0,230,118,.55)} html[data-theme="dark"] .cta-solid{background:linear-gradient(135deg,#FF7A18,#FF3D00);color:#fff;border-color:rgba(255,61,0,.6);box-shadow:0 10px 26px rgba(255,61,0,.5)} html[data-theme="dark"] .cta-solid:hover{background:linear-gradient(135deg,#FF8A2A,#FF5722);box-shadow:0 14px 32px rgba(255,61,0,.6)} html[data-theme="dark"] .period-toggle{background:#0d1612;border-color:rgba(255,255,255,.10)} html[data-theme="dark"] .plans-note{color:#a8b8b0} /* Comparativo */ html[data-theme="dark"] #comp{background:#0a1410} html[data-theme="dark"] thead th{background:#040A06;color:#e8f5ee;border-bottom-color:rgba(255,255,255,.12)} html[data-theme="dark"] tbody td{color:#d8e5dc;border-bottom-color:rgba(255,255,255,.06)} html[data-theme="dark"] tbody td:first-child{color:#e8f5ee} html[data-theme="dark"] tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)} html[data-theme="dark"] tbody tr:hover td{background:rgba(0,230,118,.06)} html[data-theme="dark"] td.no{color:#6b7a72} /* Depoimentos */ html[data-theme="dark"] .quote{color:#d8e5dc} html[data-theme="dark"] .depo-card{background:#0d1612 !important} /* FAQ */ html[data-theme="dark"] #faq{background:#0a1410} html[data-theme="dark"] .faq-item{border-bottom-color:rgba(255,255,255,.08)} /* CTA final */ html[data-theme="dark"] #cta{border-top-color:rgba(255,255,255,.08)} /* ─── Dark refinements: SVG icons & shared page.css glass ─── */ html[data-theme="dark"] nav.site-nav{ background:rgba(4,10,6,.6) !important; backdrop-filter:saturate(160%) blur(16px); border-bottom-color:rgba(255,255,255,.06) !important; box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 6px 24px -12px rgba(0,0,0,.6) !important; } html[data-theme="dark"] .card{background:#0d1612;border-color:rgba(255,255,255,.06);box-shadow:0 1px 2px rgba(0,0,0,.4),0 4px 12px -8px rgba(0,0,0,.6)} html[data-theme="dark"] .card:hover{border-color:rgba(0,230,118,.35);box-shadow:0 24px 48px -20px rgba(0,0,0,.7),0 0 0 1px rgba(0,230,118,.28)} html[data-theme="dark"] .hero-banner img{box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 12px 30px -14px rgba(0,0,0,.5);border-color:rgba(255,255,255,.06)} html[data-theme="dark"] .page-hero::before{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px)} html[data-theme="dark"] .page-hero::after{background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(0,230,118,.14),transparent 70%),radial-gradient(ellipse 55% 50% at 75% 35%,rgba(59,130,246,.10),transparent 70%)} html[data-theme="dark"] footer.site-footer{background:#040A06;border-top-color:rgba(255,255,255,.06);color:#d8e5dc} html[data-theme="dark"] .f-col a{color:#a8b8b0} html[data-theme="dark"] .f-col a:hover{color:#00E676} html[data-theme="dark"] .f-bot{border-top-color:rgba(255,255,255,.06);color:#7a8a82} html[data-theme="dark"] .f-brand p{color:#a8b8b0} /* Icon color overrides for dark */ html[data-theme="dark"] .feat-icon-wrap[data-icon]{color:#00E676} html[data-theme="dark"] .sol-icon[data-icon]{color:#00E676} html[data-theme="dark"] .dor-icon[data-icon]{color:#f87171} html[data-theme="dark"] .bonus-icon[data-icon]{color:#00E676} html[data-theme="dark"] .caso-emoji[data-icon]{color:#00E676} html[data-theme="dark"] .oa-ico[data-icon], html[data-theme="dark"] .cs-ico[data-icon]{color:#60a5fa} html[data-theme="dark"] .mod-ic[data-icon], html[data-theme="dark"] .et-ico[data-icon], html[data-theme="dark"] .ben-card .ic[data-icon]{color:#00E676} html[data-theme="dark"] .cs-icon[data-icon]{color:#a8b8b0} /* Footer (index inline + páginas) */ html[data-theme="dark"] footer, html[data-theme="dark"] footer.site-footer{ background:#0a1410 !important;color:#d8e5dc !important;border-top-color:rgba(255,255,255,.08) !important; } html[data-theme="dark"] .footer-brand p, html[data-theme="dark"] .footer-col a, html[data-theme="dark"] .footer-bottom, html[data-theme="dark"] .footer-bottom a, html[data-theme="dark"] .f-col a, html[data-theme="dark"] .f-brand p{color:#a8b8b0 !important} html[data-theme="dark"] .footer-col h4{color:#e8f5ee} html[data-theme="dark"] .footer-bottom, html[data-theme="dark"] .f-bot{border-top-color:rgba(255,255,255,.08)} /* Sticky mobile CTA */ html[data-theme="dark"] .sticky-cta{background:rgba(4,10,6,.92);border-top-color:rgba(0,230,118,.3);box-shadow:0 -10px 30px rgba(0,0,0,.5)} html[data-theme="dark"] .sticky-cta .micro{color:#a8b8b0} /* Demo tabs (index) */ html[data-theme="dark"] .demo-tab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);color:#a8b8b0} html[data-theme="dark"] .demo-tab:hover{color:#e8f5ee;border-color:rgba(0,230,118,.35)} /* Cards/grids das páginas internas (page.css) */ html[data-theme="dark"] .card{background:#0d1612;border-color:rgba(255,255,255,.08);box-shadow:0 1px 2px rgba(0,0,0,.4)} html[data-theme="dark"] .card:hover{box-shadow:0 10px 30px -10px rgba(0,0,0,.6);border-color:rgba(0,230,118,.35)} html[data-theme="dark"] .stats{background:#0d1612;border-color:rgba(255,255,255,.08);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)} html[data-theme="dark"] .page-hero .badge{background:rgba(0,230,118,.14);color:#7fe5a8;border-color:rgba(0,230,118,.35)} /* STATUS MODAL (compartilhado) */ html[data-theme="dark"] .status-card{background:#0d1612;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(0,230,118,.2)} html[data-theme="dark"] .status-close{background:#1a2520;color:#d8e5dc} html[data-theme="dark"] .status-close:hover{background:#22302a} html[data-theme="dark"] .status-head h3{color:#e8f5ee} html[data-theme="dark"] .status-sub, html[data-theme="dark"] .status-foot{color:#a8b8b0} html[data-theme="dark"] .status-list li{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)} html[data-theme="dark"] .s-name{color:#e8f5ee} /* POSTS (post.css) */ html[data-theme="dark"] .post-head{border-bottom-color:rgba(255,255,255,.08)} html[data-theme="dark"] .post-body{color:#d8e5dc} html[data-theme="dark"] .post-body .lead{color:#a8b8b0} html[data-theme="dark"] .post-body blockquote{background:rgba(255,255,255,.03);border-color:rgba(0,230,118,.4)} html[data-theme="dark"] .post-body code, html[data-theme="dark"] .post-body pre{background:#0a1410;color:#e8f5ee;border-color:rgba(255,255,255,.08)} /* Reduce overall hardcoded white backgrounds inside content cards (safety net) */ html[data-theme="dark"] section{color:inherit} /* Implantação resumo (home) */ html[data-theme="dark"] #implantacao-resumo{background:#0a1410 !important} html[data-theme="dark"] #implantacao-resumo .impl-lead{color:#a8b8b0} html[data-theme="dark"] #implantacao-resumo .impl-pill{ background:rgba(0,230,118,.14);color:#7fe5a8;border-color:rgba(0,230,118,.35); } html[data-theme="dark"] #implantacao-resumo .impl-card{ background:linear-gradient(165deg,rgba(0,230,118,.10),rgba(0,230,118,.02) 55%,#0d1612) !important; border-color:rgba(0,230,118,.30) !important; box-shadow:0 10px 30px -15px rgba(0,0,0,.55) !important; } html[data-theme="dark"] #implantacao-resumo .impl-card h3{color:#7fe5a8} html[data-theme="dark"] #implantacao-resumo .impl-card li{color:#d8e5dc} html[data-theme="dark"] #implantacao-resumo .impl-highlight{background-image:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#6ee7b7} @supports not ((-webkit-background-clip:text) or (background-clip:text)){html[data-theme="dark"] #implantacao-resumo .impl-highlight{background:none;-webkit-text-fill-color:#6ee7b7;color:#6ee7b7}} /* Tour visual / screens frame (home) */ html[data-theme="dark"] .screens-wrap h3{color:#e8f5ee !important} html[data-theme="dark"] .screens-wrap p{color:#a8b8b0 !important} html[data-theme="dark"] .screens-tab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)} html[data-theme="dark"] .screens-frame{background:#0d1612;border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(0,230,118,.12)} html[data-theme="dark"] .screens-bar{background:linear-gradient(180deg,#111c17,#0a1410);border-bottom-color:rgba(255,255,255,.08)} html[data-theme="dark"] .sb-url{background:rgba(255,255,255,.05);color:#a8b8b0;border-color:rgba(255,255,255,.08)} html[data-theme="dark"] .screens-img-wrap{background:#0a1410} /* ────────────────────────────────────────────────────────────── Plan card heads — dark overrides (matiz por plano, texto claro) ────────────────────────────────────────────────────────────── */ html[data-theme="dark"] .plan-head{border-bottom-color:rgba(255,255,255,.08)} html[data-theme="dark"] .plan-card .plan-head[style]{background:linear-gradient(160deg,rgba(148,163,184,.22),rgba(148,163,184,.06) 55%,#0d1612) !important} html[data-theme="dark"] .plan-card:nth-child(2) .plan-head[style]{background:linear-gradient(160deg,rgba(59,130,246,.28),rgba(59,130,246,.08) 55%,#0d1612) !important} html[data-theme="dark"] .plan-card.popular .plan-head[style]{background:linear-gradient(160deg,rgba(0,230,118,.28),rgba(59,130,246,.16) 50%,#0d1612) !important} html[data-theme="dark"] .plans-grid-bottom .plan-card:first-child .plan-head[style]{background:linear-gradient(160deg,rgba(139,92,246,.26),rgba(139,92,246,.08) 55%,#0d1612) !important} html[data-theme="dark"] .plans-grid-bottom .plan-card:last-child .plan-head[style]{background:linear-gradient(160deg,rgba(251,191,36,.28),rgba(251,191,36,.08) 55%,#0d1612) !important} html[data-theme="dark"] .plan-head .plan-name{color:#e8f5ee} html[data-theme="dark"] .plan-head .plan-price{background:linear-gradient(135deg,#f2f4f6,#cbd5d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} html[data-theme="dark"] .plan-head .plan-from, html[data-theme="dark"] .plan-head .plan-mo, html[data-theme="dark"] .plan-head .plan-desc{color:#cbd5d6} html[data-theme="dark"] .plan-head .plan-original{color:#7a8a82} /* ────────────────────────────────────────────────────────────── Novas seções — dark overrides ────────────────────────────────────────────────────────────── */ /* #chat-site (complementa overrides já existentes) */ html[data-theme="dark"] #chat-site .cs-window{background:#0f1a15;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)} html[data-theme="dark"] #chat-site .cs-body{background:#0f1a15} html[data-theme="dark"] #chat-site .cs-bubble.in{background:#1a2620;border-color:rgba(255,255,255,.06);color:#e8f5ee} html[data-theme="dark"] #chat-site .cs-composer{background:#0a1410;border-top-color:rgba(255,255,255,.08)} html[data-theme="dark"] #chat-site .cs-composer .cs-input{background:#1a2620;color:#7a8a82} html[data-theme="dark"] #chat-site .cs-composer .cs-icon{color:#7a8a82} /* #orcamentos-agenda */ html[data-theme="dark"] #orcamentos-agenda{background:#0a1410 !important} html[data-theme="dark"] #orcamentos-agenda .oa-head h2, html[data-theme="dark"] #orcamentos-agenda h2, html[data-theme="dark"] #orcamentos-agenda h3{color:#e8f5ee} html[data-theme="dark"] #orcamentos-agenda .oa-tabs{background:#0d1612;border-color:rgba(255,255,255,.10);box-shadow:0 6px 18px rgba(0,0,0,.4)} html[data-theme="dark"] #orcamentos-agenda .oa-tab{color:#a8b8b0} html[data-theme="dark"] #orcamentos-agenda .oa-tab:hover{color:#e8f5ee} html[data-theme="dark"] #orcamentos-agenda .oa-tab.active{background:linear-gradient(135deg,rgba(0,230,118,.18),rgba(59,130,246,.14));color:#e8f5ee} html[data-theme="dark"] #orcamentos-agenda .oa-lead, html[data-theme="dark"] #orcamentos-agenda p, html[data-theme="dark"] #orcamentos-agenda li{color:#cbd5d6} html[data-theme="dark"] #orcamentos-agenda .oa-badge, html[data-theme="dark"] #orcamentos-agenda .oa-tag{background:rgba(0,230,118,.14);color:#7ee2a8;border-color:rgba(0,230,118,.35)} html[data-theme="dark"] #orcamentos-agenda .oa-frame, html[data-theme="dark"] #orcamentos-agenda .browser-frame, html[data-theme="dark"] #orcamentos-agenda .screens-frame{background:#0d1612;border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(0,230,118,.12)} html[data-theme="dark"] #orcamentos-agenda .screens-bar, html[data-theme="dark"] #orcamentos-agenda .oa-bar{background:linear-gradient(180deg,#111c17,#0a1410);border-bottom-color:rgba(255,255,255,.08)} html[data-theme="dark"] #orcamentos-agenda .sub-tab, html[data-theme="dark"] #orcamentos-agenda .oa-subtab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);color:#a8b8b0} html[data-theme="dark"] #orcamentos-agenda .sub-tab.active, html[data-theme="dark"] #orcamentos-agenda .oa-subtab.active{background:rgba(0,230,118,.16);color:#7ee2a8;border-color:rgba(0,230,118,.35)} /* #bonus */ html[data-theme="dark"] #bonus{background:#0a1410 !important} html[data-theme="dark"] #bonus h2, html[data-theme="dark"] #bonus h3{color:#e8f5ee} html[data-theme="dark"] #bonus p, html[data-theme="dark"] #bonus li{color:#cbd5d6} html[data-theme="dark"] #bonus .bonus-card, html[data-theme="dark"] #bonus .card{background:linear-gradient(165deg,rgba(0,230,118,.10),rgba(0,230,118,.02) 55%,#0d1612) !important;border-color:rgba(0,230,118,.28) !important;box-shadow:0 10px 30px -15px rgba(0,0,0,.55)} html[data-theme="dark"] #bonus .bonus-badge, html[data-theme="dark"] #bonus .bonus-tag{background:rgba(0,230,118,.14);color:#7ee2a8;border-color:rgba(0,230,118,.35)} /* Nav WhatsApp button — dark */ html[data-theme="dark"] .nav-wpp{color:#fff !important;box-shadow:0 6px 18px rgba(37,211,102,.28)}