/* ============================================================ YOURH — Dark Theme Override (LP Turnover) Fundo escuro + identidade visual verde YouRH Deve ser linkado APÓS main.css no ============================================================ */ /* ── Variáveis sobrescritas para dark mode ─────────────────── */ :root { /* Roxo → substituído por verde como cor primária interativa */ --color-purple: #00C853; --color-purple-dark: #00A844; --color-purple-light: rgba(0, 200, 83, 0.10); /* Fundo geral e superfícies */ --color-cream: #0B0F0B; --color-border: #1E2D1E; /* Tipografia */ --color-text: #EFF4EF; --color-text-muted: #7D917D; /* Hero gradient → verde escuro */ --gradient-hero: linear-gradient(135deg, #020C04 0%, #091609 50%, #010502 100%); /* Sombra verde */ --shadow-purple: 0 4px 20px rgba(0, 200, 83, 0.18); } /* ── Base ─────────────────────────────────────────────────── */ body { background-color: #0B0F0B; color: #EFF4EF; } h1, h2, h3, h4, h5, h6 { color: #EFF4EF; } .section-label { background: rgba(0, 200, 83, 0.10); color: var(--color-green); } .section-title { color: #EFF4EF; } .section-subtitle { color: #7D917D; } /* ── Header ───────────────────────────────────────────────── */ .site-header { background: #0D150D; border-bottom-color: #1E2D1E; } .site-header.is-scrolled { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.40); } .nav__link { color: #7D917D; } .nav__link:hover { color: var(--color-green); } /* ── Hero ─────────────────────────────────────────────────── */ .hero::before { background-image: radial-gradient(circle at 20% 80%, rgba(0, 200, 83, 0.10) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 200, 83, 0.05) 0%, transparent 50%); } /* ── Section Problemas ────────────────────────────────────── */ .section-problems { background: #030903; } /* ── Section Custo/Impacto ────────────────────────────────── */ .section-cost { background: #071207; } .section-cost::before { background-image: radial-gradient(circle at 10% 90%, rgba(0, 200, 83, 0.08) 0%, transparent 50%), radial-gradient(circle at 90% 10%, rgba(0, 200, 83, 0.04) 0%, transparent 50%); } /* ── Section Solução ──────────────────────────────────────── */ .section-solution { background: #0A120A; } .solution-card { background: #111811; border-color: #1E2D1E; } .solution-card__step { color: rgba(0, 200, 83, 0.06); } .solution-card:hover .solution-card__step { color: rgba(0, 200, 83, 0.12); } .solution-card:hover { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.50); border-color: transparent; } .solution-card__title { color: #EFF4EF; } .solution-card__desc { color: #7D917D; } .solution-card__feature { color: #7D917D; } .solution-card__icon { background: rgba(0, 200, 83, 0.12); color: var(--color-green); } /* Card destaque (02) */ .solution-card--featured { background: #0D2010; border-color: rgba(0, 200, 83, 0.22); } .solution-card--featured:hover { box-shadow: 0 20px 60px rgba(0, 200, 83, 0.18); } .solution-card--featured .solution-card__step { color: rgba(0, 200, 83, 0.10); } .solution-card--featured:hover .solution-card__step { color: rgba(0, 200, 83, 0.18); } /* ── Section Prova Social ─────────────────────────────────── */ .section-proof { background: #060C06; } .proof-item { background: #111811; border-color: #1E2D1E; } .proof-item__number { color: var(--color-green); } .proof-banner { background: #0D2010; border: 1px solid rgba(0, 200, 83, 0.20); } /* ── Section Checklist — PONTO DE LUZ (fundo branco) ─────── */ .section-checklist { background: #ffffff; } .section-checklist .checklist-header__overline { color: var(--color-green); } .section-checklist .section-title { color: #0f1a0f; } .section-checklist .section-subtitle { color: #4a5c4a; } .section-checklist .checklist-header__count { color: var(--color-green); } .section-checklist .checklist-header__count-label { color: #6b7c6b; } .checklist-wrapper { background: #f8fdf8; border-color: #d4ecd4; box-shadow: 0 4px 24px rgba(0, 200, 83, 0.08); } .checklist-group__title { color: #0f6b33; border-bottom-color: #d4ecd4; } .checklist-item:hover { background: #f0faf0; } .checklist-item__text { color: #1a2e1a; } .checklist-item.is-checked .checklist-item__text { color: #8aaa8a; } .checklist-item__box { background: #ffffff; border-color: #c8dfc8; } .checklist-progress { border-top-color: #daeada; } .checklist-progress__label { color: #6b7c6b; } .checklist-progress__count { color: var(--color-green); } .checklist-progress__bar { background: #daeada; } .checklist-result--danger { background: #fff5f5; border-color: #ffc9c9; } .checklist-result--warning { background: #fffbf0; border-color: #ffe08a; } .checklist-result--ok { background: #f0faf4; border-color: rgba(0, 200, 83, 0.30); } .checklist-result--ok .checklist-result__title { color: #0a5e2a; } .gap-badge--ok { background: rgba(0, 200, 83, 0.12); color: var(--color-green); border-color: rgba(0, 200, 83, 0.25); } .gaps-desc--ok { color: var(--color-green); } .gaps-group__label { color: #1A1A1A; } .gaps-item { color: #3A3A4A; } /* ── Section Conteúdo ─────────────────────────────────────── */ .section-content { background: #060C06; } .content-card { background: #111811; border-color: #1E2D1E; color: #EFF4EF; } .content-card__thumb { background: #0D2010; } .content-card__tag { color: var(--color-green); background: rgba(0, 200, 83, 0.10); } .content-card__title { color: #EFF4EF; } .content-card__desc { color: #7D917D; } .content-card__cta { color: var(--color-green); } .content-card--webinar { background: #0D2010; border-color: rgba(0, 200, 83, 0.20); } .content-card--webinar:hover { background: #0F2814; } /* ── Section Formulário ───────────────────────────────────── */ .section-form { background: #070D07; } .form-aside__title { color: var(--color-green); } .form-aside__subtitle { color: #7D917D; } .form-aside__benefit { color: #7D917D; } .form-aside__benefit-icon { background: rgba(0, 200, 83, 0.12); color: var(--color-green); } .conversion-form { background: #111811; border-color: #1E2D1E; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.40); } .form-input { background: #0D150D; border-color: #2A3D2A; color: #EFF4EF; } .form-input::placeholder { color: rgba(125, 145, 125, 0.55); } .form-input:focus { border-color: var(--color-green); box-shadow: 0 0 0 3px rgba(0, 200, 83, 0.12); } .form-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%237D917D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .form-select option { background: #111811; color: #EFF4EF; } .form-checkbox-box { background: #0D150D; border-color: #2A3D2A; } .form-checkbox-text { color: #7D917D; } .form-checkbox-text a { color: var(--color-green); } .form-note { color: #5A6E5A; } /* ── Section FAQ ──────────────────────────────────────────── */ .section-faq { background: #0B0F0B; } .faq-item { background: #111811; border-color: #1E2D1E; } .faq-question { color: #EFF4EF; } .faq-question:hover { background: rgba(0, 200, 83, 0.04); } .faq-answer__inner { color: #7D917D; } /* ── Footer (já é escuro, pequenos ajustes) ───────────────── */ .site-footer { background: #030903; border-top-color: #1E2D1E; } /* ── Obrigado page ────────────────────────────────────────── */ .obrigado-main { background: #0B0F0B !important; } .obrigado-card { background: #111811 !important; border-color: #1E2D1E !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.40) !important; } .obrigado-icon { background: rgba(0, 200, 83, 0.12) !important; } .obrigado-badge { background: rgba(0, 200, 83, 0.12) !important; color: var(--color-green) !important; } .obrigado-title { color: var(--color-green) !important; } .obrigado-desc { color: #7D917D !important; } .obrigado-detail { background: #0A120A !important; border-color: #1E2D1E !important; } .obrigado-detail__item { color: #7D917D !important; } .obrigado-divider { background: #1E2D1E !important; }