/* =========================================== ERG WEB DESIGNER · TEMA CLARO Sobrescreve cores escuras pra modo claro. Aplica em qualquer página com =========================================== */ html[data-theme="light"] body { background: #FAFAFA !important; color: #1A1A1A !important; } /* Backgrounds genéricos */ html[data-theme="light"] .bg-bg { background-color: #FAFAFA !important; } html[data-theme="light"] .bg-bg\/30 { background-color: rgba(245,245,245,0.85) !important; } html[data-theme="light"] .bg-bg\/40 { background-color: rgba(245,245,245,0.9) !important; } html[data-theme="light"] .bg-bg\/50 { background-color: #F2F2F2 !important; } html[data-theme="light"] .bg-bg\/60 { background-color: rgba(245,245,245,0.92) !important; } html[data-theme="light"] .bg-bg\/70 { background-color: rgba(250,250,250,0.85) !important; } html[data-theme="light"] .bg-bg\/80 { background-color: rgba(250,250,250,0.9) !important; } html[data-theme="light"] .bg-bg\/90 { background-color: rgba(250,250,250,0.95) !important; } html[data-theme="light"] .bg-panel { background-color: #FFFFFF !important; } html[data-theme="light"] .bg-zinc-800 { background-color: #E5E5E5 !important; } /* Bordas */ html[data-theme="light"] .border-line, html[data-theme="light"] .border-line\/60 { border-color: #E5E5E5 !important; } html[data-theme="light"] .border-accent\/30 { border-color: rgba(126,34,206,0.4) !important; } html[data-theme="light"] .border-accent\/40 { border-color: rgba(126,34,206,0.5) !important; } html[data-theme="light"] .border-accent\/50 { border-color: rgba(126,34,206,0.6) !important; } /* Textos zinc invertidos */ html[data-theme="light"] .text-white { color: #1A1A1A !important; } html[data-theme="light"] .text-zinc-200 { color: #262626 !important; } html[data-theme="light"] .text-zinc-300 { color: #404040 !important; } html[data-theme="light"] .text-zinc-400 { color: #525252 !important; } html[data-theme="light"] .text-zinc-500 { color: #737373 !important; } html[data-theme="light"] .text-zinc-600 { color: #A3A3A3 !important; } html[data-theme="light"] .group:hover .group-hover\:text-white { color: #1A1A1A !important; } /* Accent dourado escurecido pra contraste em fundo claro */ html[data-theme="light"] .text-accent { color: #7E22CE !important; } html[data-theme="light"] .bg-accent { background-color: #7E22CE !important; color: #FFF !important; } html[data-theme="light"] .hover\:bg-accent:hover { background-color: #7E22CE !important; } html[data-theme="light"] .hover\:bg-accent-hover:hover { background-color: #9333EA !important; } html[data-theme="light"] .hover\:text-accent:hover { color: #7E22CE !important; } html[data-theme="light"] .hover\:text-accent-hover:hover { color: #9333EA !important; } html[data-theme="light"] .group-hover\:text-accent { color: #7E22CE !important; } html[data-theme="light"] .hover\:border-accent\/50:hover { border-color: rgba(126,34,206,0.6) !important; } html[data-theme="light"] .hover\:border-accent:hover { border-color: #7E22CE !important; } /* Backgrounds com transparência (cards coloridos) */ html[data-theme="light"] .bg-accent\/10 { background-color: rgba(126,34,206,0.1) !important; } html[data-theme="light"] .bg-accent\/20 { background-color: rgba(126,34,206,0.18) !important; } html[data-theme="light"] .bg-emerald-500\/10 { background-color: rgba(16,185,129,0.08) !important; } html[data-theme="light"] .bg-cyan-500\/10 { background-color: rgba(6,182,212,0.08) !important; } html[data-theme="light"] .bg-violet-500\/10 { background-color: rgba(139,92,246,0.08) !important; } html[data-theme="light"] .bg-red-500\/10 { background-color: rgba(239,68,68,0.08) !important; } /* Botões sólidos (bg-white com text-black no dark vira escuro com branco no light) */ html[data-theme="light"] .bg-white { background-color: #1A1A1A !important; color: #FFF !important; } html[data-theme="light"] .text-black { color: #FFF !important; } html[data-theme="light"] .hover\:bg-zinc-200:hover { background-color: #262626 !important; } /* Footer cinza claro */ html[data-theme="light"] footer { background-color: #F2F2F2 !important; } html[data-theme="light"] footer .text-zinc-300, html[data-theme="light"] footer .text-zinc-400 { color: #404040 !important; } html[data-theme="light"] footer .text-zinc-500 { color: #525252 !important; } /* === Classes específicas das LANDING PAGES (.prose-erg) === */ html[data-theme="light"] .prose-erg p { color: #404040 !important; } html[data-theme="light"] .prose-erg h2 { color: #1A1A1A !important; } html[data-theme="light"] .prose-erg h3 { color: #1A1A1A !important; } html[data-theme="light"] .prose-erg li { color: #525252 !important; } html[data-theme="light"] .prose-erg strong { color: #1A1A1A !important; } /* === Classes do BLOG (.post) === */ html[data-theme="light"] .post p { color: #404040 !important; } html[data-theme="light"] .post h2 { color: #1A1A1A !important; } html[data-theme="light"] .post h3 { color: #1A1A1A !important; } html[data-theme="light"] .post li { color: #525252 !important; } html[data-theme="light"] .post strong { color: #1A1A1A !important; } html[data-theme="light"] .post .destaque { background: #F5F5F5 !important; border-left-color: #7E22CE !important; } html[data-theme="light"] .post .destaque p { color: #1A1A1A !important; } html[data-theme="light"] .compare > div { background: #F5F5F5 !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .compare li { color: #525252 !important; } /* === Classes das PÁGINAS DE PACOTE (.pack) === */ html[data-theme="light"] .pack p { color: #404040 !important; } html[data-theme="light"] .pack h2 { color: #1A1A1A !important; } html[data-theme="light"] .pack h3 { color: #1A1A1A !important; } html[data-theme="light"] .pack li { color: #404040 !important; } html[data-theme="light"] .pack strong { color: #1A1A1A !important; } html[data-theme="light"] .pack ol > li { color: #404040 !important; } html[data-theme="light"] .price-box { background: linear-gradient(160deg, rgba(16,185,129,0.05), transparent) !important; } html[data-theme="light"] .faq-item { background: #FAFAFA !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .faq-q { color: #1A1A1A !important; } html[data-theme="light"] .faq-a { color: #404040 !important; } /* === Classes da PÁGINA DE MANUTENÇÃO === */ html[data-theme="light"] .model-card { background: #FFFFFF !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .model-card.highlight { background: linear-gradient(160deg, rgba(126,34,206,0.06), transparent) !important; border-color: rgba(126,34,206,0.5) !important; } html[data-theme="light"] .price-table th { background: #F2F2F2 !important; color: #7E22CE !important; } html[data-theme="light"] .price-table td { color: #404040 !important; } html[data-theme="light"] .price-table .price { color: #1A1A1A !important; } html[data-theme="light"] .price-table th, html[data-theme="light"] .price-table td { border-color: #E5E5E5 !important; } /* === Tabela comparativa de PLANOS (.cmp) === */ html[data-theme="light"] .cmp th, html[data-theme="light"] .cmp td { border-bottom-color: #E5E5E5 !important; } html[data-theme="light"] .cmp thead th { background: #F2F2F2 !important; } html[data-theme="light"] .cmp .grp td { background: #F2F2F2 !important; color: #7E22CE !important; } html[data-theme="light"] .cmp .feat { color: #404040 !important; } html[data-theme="light"] .cmp .val { color: #1A1A1A !important; } html[data-theme="light"] .cmp .no { color: #A1A1AA !important; } html[data-theme="light"] .cmp tbody tr:hover td { background: rgba(126,34,206,0.06) !important; } html[data-theme="light"] .col-pro { background: rgba(6,182,212,0.06) !important; } /* === Classes da página MÍDIA KIT (.mk) === */ html[data-theme="light"] .mk p { color: #404040 !important; } html[data-theme="light"] .mk h2 { color: #1A1A1A !important; } html[data-theme="light"] .mk h3 { color: #1A1A1A !important; } html[data-theme="light"] .mk li { color: #525252 !important; } html[data-theme="light"] .mk strong { color: #1A1A1A !important; } /* === Classes do BRIEFING & PARCERIA (formulários) === */ html[data-theme="light"] .field-label { color: #1A1A1A !important; } html[data-theme="light"] .field-hint { color: #737373 !important; } html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="tel"], html[data-theme="light"] input[type="url"], html[data-theme="light"] textarea, html[data-theme="light"] select { background: #FFFFFF !important; border-color: #D4D4D8 !important; color: #1A1A1A !important; } html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color: #A1A1AA !important; } html[data-theme="light"] input:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] select:focus { background: #FFFFFF !important; border-color: #7E22CE !important; } html[data-theme="light"] select option { background: #FFFFFF !important; color: #1A1A1A !important; } html[data-theme="light"] .check-pill { background: #FFFFFF !important; border-color: #D4D4D8 !important; color: #404040 !important; } html[data-theme="light"] .check-pill:hover { border-color: rgba(126,34,206,0.6) !important; color: #1A1A1A !important; } html[data-theme="light"] .check-pill.checked { border-color: #7E22CE !important; background: rgba(126,34,206,0.1) !important; color: #7E22CE !important; } html[data-theme="light"] .check-pill .dot { border-color: #A1A1AA !important; } html[data-theme="light"] .check-pill.checked .dot { border-color: #7E22CE !important; background: #7E22CE !important; } html[data-theme="light"] .check-pill.checked .dot::after { background: #FFFFFF !important; } html[data-theme="light"] .checkbox-row { background: #FFFFFF !important; border-color: #D4D4D8 !important; } html[data-theme="light"] .checkbox-row:hover { border-color: rgba(126,34,206,0.6) !important; } html[data-theme="light"] .checkbox-row.checked { background: rgba(126,34,206,0.05) !important; border-color: rgba(126,34,206,0.5) !important; } html[data-theme="light"] .checkbox-row .text { color: #404040 !important; } html[data-theme="light"] .checkbox-row .text strong { color: #1A1A1A !important; } html[data-theme="light"] .checkbox-row .box { border-color: #A1A1AA !important; } html[data-theme="light"] .checkbox-row.checked .box { background: #7E22CE !important; border-color: #7E22CE !important; } html[data-theme="light"] .checkbox-row.checked .box::after { border-left-color: #FFFFFF !important; border-bottom-color: #FFFFFF !important; } html[data-theme="light"] .section-card { background: #FFFFFF !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .section-title { border-bottom-color: #E5E5E5 !important; } html[data-theme="light"] .section-title h2 { color: #1A1A1A !important; } html[data-theme="light"] .section-title p { color: #525252 !important; } html[data-theme="light"] .section-num { background: rgba(126,34,206,0.15) !important; border-color: rgba(126,34,206,0.5) !important; color: #7E22CE !important; } /* === TERMO DE PARCERIA específico === */ html[data-theme="light"] .termo .destaque-cont { background: #F5F5F5 !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .termo .destaque-cont p { color: #1A1A1A !important; } html[data-theme="light"] .termo p { color: #404040 !important; } html[data-theme="light"] .termo h2 { color: #7E22CE !important; border-bottom-color: #E5E5E5 !important; } html[data-theme="light"] .termo h3 { color: #1A1A1A !important; } html[data-theme="light"] .termo li { color: #525252 !important; } html[data-theme="light"] .termo strong { color: #1A1A1A !important; } html[data-theme="light"] .termo .label { color: #7E22CE !important; }