/* ========================================================================== PLATAFORMA EVANGELHO · LIÇÕES NO FORMATO DA PLATAFORMA -------------------------------------------------------------------------- As lições da Escola Dominical nasceram em nove modelos diferentes: cada uma com a sua paleta verde, o seu topo em degradê, a sua barra de seções e os seus cartões escuros de texto branco. Esta folha as coloca no formato da plataforma SEM reescrever o conteúdo: · a paleta de cada modelo passa a apontar para os tokens do tema (--ouro é a cor do módulo, --card-bg, --perg, --borda…); · topo liso como o do hub: selo, título, subtítulo e versículo em cartão; · cartões de destaque (resumo, conclusão) em cartão da plataforma; · números, abas e chips no acento do módulo, com texto em --noite; · a barra de seções de cada lição some — vira "Nesta lição" na casca. Liga-se por + este no fim do , os dois postos por plataforma/licoes.php (que também desfaz: --reverter). Modelos (data-licao): j Juízes (8 lições), L09 Ateísmo e seus subsídios g L04 Gênero, L05 Teologia progressista d L07 Darwiniana e a apostila "Criados por uma mente" p L08 Pragmatismo e os subsídios extras r L03 Relativismo m L02 Materialismo i L01 Ideologia x Resumo das ideologias a Ais de Isaías t Linha do tempo de Juízes (ferramenta: só a paleta) Especificidade: tudo sai com html[data-licao…] na frente, e as cores com !important. É a última palavra de propósito — a folha da lição continua carregando, mas o formato é o da plataforma. ========================================================================== */ /* ========================================================================== 1 · PALETA SECUNDÁRIA O acento é um só (--ouro, verde neste módulo). Roxo, âmbar, azul e coral continuam existindo onde a lição usa cor para dizer algo — professor, atenção, exortação —, mas calibrados para o fundo da plataforma nos dois temas (todos acima de 6:1 sobre o cartão). ========================================================================== */ html[data-licao] { --lc-largura: 880px; --lc-roxo: #b89cf2; --lc-roxo-bg: rgba(184,156,242,.12); --lc-roxo-borda: rgba(184,156,242,.34); --lc-ambar: #f0b34a; --lc-ambar-bg: rgba(240,179,74,.11); --lc-ambar-borda: rgba(240,179,74,.34); --lc-azul: #7fb2f0; --lc-azul-bg: rgba(127,178,240,.11); --lc-azul-borda: rgba(127,178,240,.34); --lc-coral: #f28aa6; --lc-coral-bg: rgba(242,138,166,.11); --lc-coral-borda: rgba(242,138,166,.34); } html[data-licao][data-theme="light"] { --lc-roxo: #6b46c1; --lc-roxo-bg: rgba(107,70,193,.07); --lc-roxo-borda: rgba(107,70,193,.28); --lc-ambar: #92400e; --lc-ambar-bg: rgba(146,64,14,.07); --lc-ambar-borda: rgba(146,64,14,.28); --lc-azul: #1d4ed8; --lc-azul-bg: rgba(29,78,216,.06); --lc-azul-borda: rgba(29,78,216,.26); --lc-coral: #be185d; --lc-coral-bg: rgba(190,24,93,.06); --lc-coral-borda: rgba(190,24,93,.26); } /* ========================================================================== 2 · CADA MODELO APONTA A PRÓPRIA PALETA PARA O TEMA Os nomes coincidem entre modelos mas não o sentido: --green-light é o verde claro de texto em Juízes e o fundo pálido na L04. Por isso um bloco por modelo. (0,2,1) vence o :root e o [data-theme="dark"] das lições. ========================================================================== */ html[data-licao="j"][data-theme] { --green: var(--ouro); --green-light: var(--ouro); --green-dark: var(--ouro-claro); --green-bg: var(--ouro-bg); --purple: var(--lc-roxo); --purple-light: var(--lc-roxo); --amber: var(--lc-ambar); --amber-light: var(--lc-ambar); --amber-bg: var(--lc-ambar-bg); --blue: var(--lc-azul); --blue-light: var(--lc-azul-borda); --blue-bg: var(--lc-azul-bg); --coral: var(--lc-coral); --coral-light: var(--lc-coral); --coral-bg: var(--lc-coral-bg); --gray: var(--perg-dim); --gray-bg: var(--noite-3); --hero-bg: none; --radius: 12px; } html[data-licao="g"][data-theme] { --green: var(--ouro); --green-light: var(--ouro-bg); --green-mid: var(--ouro); --purple: var(--lc-roxo); --purple-light: var(--lc-roxo-bg); --amber: var(--lc-ambar); --amber-light: var(--lc-ambar-bg); --blue: var(--lc-azul); --blue-light: var(--lc-azul-bg); --coral: var(--lc-coral); --coral-light: var(--lc-coral-bg); --dark: var(--card-bg); --bible: var(--ouro-claro); --bible-light: var(--ouro-bg); --gray: var(--perg-dim); --gray-light: var(--noite-3); } html[data-licao="d"][data-theme] { --green-900: var(--ouro-claro); --green-800: var(--ouro-claro); --green-600: var(--ouro); --green-500: var(--ouro); --green-100: var(--ouro-bg); --green-50: var(--ouro-bg); --purple-700: var(--lc-roxo); --purple-600: var(--lc-roxo); --purple-100: var(--lc-roxo-bg); --amber-600: var(--lc-ambar); --amber-500: var(--lc-ambar); --amber-100: var(--lc-ambar-bg); --amber-50: var(--lc-ambar-bg); --blue-700: var(--lc-azul); --blue-600: var(--lc-azul); --blue-100: var(--lc-azul-bg); --blue-50: var(--lc-azul-bg); --coral-700: var(--lc-coral); --coral-600: var(--lc-coral); --coral-100: var(--lc-coral-bg); --coral-50: var(--lc-coral-bg); --orange-600: var(--lc-ambar); --orange-100: var(--lc-ambar-bg); --orange-50: var(--lc-ambar-bg); --gray-800: var(--perg); --gray-700: var(--perg-corpo); --gray-600: var(--perg-dim); --gray-400: var(--perg-dimmer); --gray-200: var(--borda); --gray-100: var(--noite-3); --gray-50: var(--noite-2); --bg-alt: var(--noite-2); --radius: 12px; } html[data-licao="p"][data-theme] { /* os subsídios extras usam --bg/--text/--text2 sem declarar: no tema claro o corpo saía preto sobre fundo transparente e o texto, invisível */ --bg: var(--noite); --bg2: var(--noite-3); --surface: var(--noite-2); --surface2: var(--noite-3); --text: var(--perg-corpo); --text2: var(--perg-dim); --text3: var(--perg-dim); --border: var(--borda); --green: var(--ouro); --green-l: var(--ouro); --green-bg: var(--ouro-bg); --green-dk: var(--ouro-claro); --purple: var(--lc-roxo); --purple-bg: var(--lc-roxo-bg); --amber: var(--lc-ambar); --amber-l: var(--lc-ambar); --amber-bg: var(--lc-ambar-bg); --blue: var(--lc-azul); --blue-l: var(--lc-azul); --blue-bg: var(--lc-azul-bg); --coral: var(--lc-coral); --coral-bg: var(--lc-coral-bg); --gray: var(--perg-dim); --gray-bg: var(--noite-3); --dark: var(--card-bg); --dark2: var(--card-bg); } html[data-licao="r"][data-theme] { --border-subtle: var(--borda); --accent-green: var(--ouro); --accent-green-light: var(--ouro-bg); --accent-green-mid: var(--ouro); --accent-purple: var(--lc-roxo); --accent-purple-light: var(--lc-roxo-bg); --accent-bible: var(--ouro-claro); --accent-bible-light: var(--ouro-bg); --accent-amber: var(--lc-ambar); --accent-amber-light: var(--lc-ambar-bg); --accent-blue: var(--lc-azul); --accent-blue-light: var(--lc-azul-bg); --accent-gray: var(--perg-dim); --accent-gray-light: var(--noite-3); --accent-dark: var(--card-bg); } html[data-licao="m"][data-theme] { --card: var(--card-bg); --t1: var(--perg); --t2: var(--perg-corpo); --tm: var(--perg-dim); --ac: var(--ouro); --acl: var(--ouro-claro); --acd: var(--ouro); --dc: var(--ouro); --glow: var(--ouro-bg); --grad: linear-gradient(var(--ouro), var(--ouro)); --brd: var(--borda); --gbg: var(--topo-bg); --gbs: var(--topo-bg); --gbd: var(--borda); --dk: var(--card-bg); --dt: var(--perg-corpo); --qbg: var(--ouro-bg); --vbg: var(--ouro-bg); --rabg: var(--ouro-bg); --sbg: var(--ouro-bg); --bib: var(--ouro-bg); --sbd: var(--ouro-border); --bid: var(--ouro-border); --dg: linear-gradient(90deg, transparent, var(--borda), transparent); --mxb: var(--lc-coral-bg); --mxd: var(--lc-coral-borda); --mxa: var(--lc-coral); --no: 0; } html[data-licao="i"][data-theme] { --border-strong: var(--borda-forte); --teal: var(--ouro); --teal-light: var(--ouro-bg); --teal-mid: var(--ouro); --amber: var(--lc-ambar); --amber-light: var(--lc-ambar-bg); --amber-mid: var(--lc-ambar); --red: var(--lc-coral); --red-light: var(--lc-coral-bg); --red-mid: var(--lc-coral); --blue: var(--lc-azul); --blue-light: var(--lc-azul-bg); --blue-mid: var(--lc-azul); --purple: var(--lc-roxo); --purple-light: var(--lc-roxo-bg); --purple-mid: var(--lc-roxo); --coral: var(--lc-coral); --coral-light: var(--lc-coral-bg); --coral-mid: var(--lc-coral); --dark: var(--card-bg); } html[data-licao="x"][data-theme] { --card: var(--card-bg); --border-h: var(--ouro-border); --nav-sc: var(--topo-bg); --primary: var(--ouro); --secondary: var(--ouro); --accent: var(--ouro-claro); --pdim: var(--ouro-bg); --red: var(--lc-coral); --redd: var(--lc-coral-bg); --redb: var(--lc-coral-borda); --pink: var(--lc-coral); --pinkd: var(--lc-coral-bg); --pinkb: var(--lc-coral-borda); --amber: var(--lc-ambar); --amberd: var(--lc-ambar-bg); --amberb: var(--lc-ambar-borda); --coral: var(--lc-ambar); --corald: var(--lc-ambar-bg); --coralb: var(--lc-ambar-borda); --teal: var(--ouro); --teald: var(--ouro-bg); --tealb: var(--ouro-border); --green: var(--ouro); --greend: var(--ouro-bg); --greenb: var(--ouro-border); --blue: var(--lc-azul); --blued: var(--lc-azul-bg); --blueb: var(--lc-azul-borda); --purple: var(--lc-roxo); --purpled: var(--lc-roxo-bg); --purpleb: var(--lc-roxo-borda); } html[data-licao="a"][data-theme] { --green: var(--ouro); --green-light: var(--ouro-bg); --green-mid: var(--ouro); --green-dark: var(--ouro-claro); --purple: var(--lc-roxo); --purple-light: var(--lc-roxo-bg); --amber: var(--lc-ambar); --amber-light: var(--lc-ambar-bg); --coral: var(--lc-coral); --coral-light: var(--lc-coral-bg); --gray-light: var(--noite-3); --nav-bg-solid: var(--topo-bg); --grad-hero: none; --grad-section: linear-gradient(var(--ouro), var(--ouro)); --grad-amber: linear-gradient(var(--lc-ambar), var(--lc-ambar)); --grad-dark: linear-gradient(var(--card-bg), var(--card-bg)); } html[data-licao="t"][data-theme] { --paper: var(--noite); --card: var(--card-bg); --ink: var(--perg); --ink-soft: var(--perg-dim); --gold: var(--ouro); --gold-bg: var(--ouro-bg); --teal: var(--lc-azul); --teal-bg: var(--lc-azul-bg); --clay: var(--lc-coral); --clay-bg: var(--lc-coral-bg); --line: var(--borda); --rail: var(--borda-forte); } html[data-licao="t"] .node { background: var(--ouro) !important; color: var(--noite) !important; } /* as duas cores de leitura da linha do tempo eram hex fixo, feitas para o papel claro */ html[data-licao="t"] li.sin { color: var(--lc-coral) !important; } html[data-licao="t"] li.grace { color: var(--lc-azul) !important; } html[data-licao="t"] .sn { color: var(--noite) !important; } /* ========================================================================== 3 · BASE COMUM A TODAS AS LIÇÕES ========================================================================== */ /* fonte única: Lora, Georgia e Plus Jakarta saem; entra a do controle central */ html[data-licao]:not([data-licao="t"]) body, html[data-licao]:not([data-licao="t"]) body :not(svg):not(svg *):not(code):not(pre):not(kbd) { font-family: var(--sans) !important; } /* textura de ruído, orbes, parallax, setas de rolagem e cursor: enfeite que a plataforma não tem */ html[data-licao]:not([data-licao="t"]) body::before { content: none !important; display: none !important; } html[data-licao] :is(.noise, .hero-orb, .parallax-bg, .hero-parallax, .hero-overlay, .hb, .hsi, .scroll-cue, .hero-scroll, #cur-dot, #cur-ring) { display: none !important; } /* a barra de seções da lição vira "Nesta lição" na barra da plataforma */ html[data-licao]:not([data-licao="t"]) body > nav { display: none !important; } /* coluna de leitura */ html[data-licao]:not([data-licao="t"]) body > :is(main, .container, .content, .wrap), html[data-licao]:not([data-licao="t"]) main > .container { max-width: var(--lc-largura) !important; } /* ------------------------------------------------------------------- topo */ html[data-licao] :is(.hero, #hero) { background: none !important; background-image: none !important; min-height: 0 !important; height: auto !important; max-width: var(--lc-largura); margin: 0 auto !important; padding: clamp(1.8rem, 4vw, 2.8rem) 1.5rem 1.7rem !important; text-align: left !important; color: var(--perg) !important; border-bottom: 1px solid var(--borda) !important; overflow: visible !important; display: block !important; box-shadow: none !important; } html[data-licao] :is(.hero, #hero)::before, html[data-licao] :is(.hero, #hero)::after { content: none !important; display: none !important; } html[data-licao] :is(.hero, #hero) :is(.hero-inner, .hero-content, .hc, .hi) { max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; opacity: 1 !important; transform: none !important; } html[data-licao] :is(.hero, #hero) .reveal { opacity: 1 !important; transform: none !important; } html[data-licao] :is(.hero, #hero) :is(h1, .hero-title, .htitle) { color: var(--perg) !important; -webkit-text-fill-color: currentColor !important; background: none !important; text-shadow: none !important; font-size: clamp(1.75rem, 3.6vw, 2.5rem) !important; font-weight: var(--peso-forte) !important; letter-spacing: -.02em !important; line-height: 1.15 !important; max-width: none !important; margin: .1rem 0 .55rem !important; text-align: left !important; } html[data-licao] :is(.hero, #hero) :is(h1, .htitle) :is(em, .g) { font-style: normal; color: var(--ouro) !important; -webkit-text-fill-color: currentColor !important; background: none !important; } html[data-licao] :is(.hero, #hero) :is(.hero-badge, .hbd, .hbadge, .hero-label) { display: inline-flex !important; align-items: center; gap: .4rem; background: var(--ouro-bg) !important; border: 1px solid var(--ouro-border) !important; color: var(--ouro) !important; font-size: .62rem !important; font-weight: 700 !important; letter-spacing: .18em !important; text-transform: uppercase !important; line-height: 1.3 !important; padding: .3rem .75rem !important; border-radius: 999px !important; margin: 0 0 1rem !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* linha de contexto logo acima ou abaixo do título */ html[data-licao] :is(.hero, #hero) :is(.hero-num, .hero-lesson, .hero-lesson-num, .hero-series, .hero-type, .hero-eyebrow) { display: block; color: var(--perg-dim) !important; text-shadow: none !important; font-style: normal !important; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; margin: 0 0 .35rem !important; } html[data-licao] :is(.hero, #hero) :is(.hero-sub, .hero-subtitle, .hero-book, .hero-tagline, .hs), html[data-licao] :is(.hero, #hero) > p, html[data-licao] :is(.hero, #hero) :is(.hero-inner, .hero-content, .hc) > p { color: var(--perg-dim) !important; text-shadow: none !important; font-style: normal !important; font-size: 1rem !important; line-height: 1.55 !important; max-width: 72ch !important; margin: 0 0 .9rem !important; text-align: left !important; } html[data-licao] :is(.hero, #hero) :is(.hero-date, .hero-note, .hero-badge-gray) { display: inline-flex !important; align-items: center; gap: .4rem; background: var(--noite-2) !important; border: 1px solid var(--borda) !important; color: var(--perg-dim) !important; font-size: .76rem !important; font-weight: 600 !important; padding: .3rem .75rem !important; border-radius: 999px !important; letter-spacing: 0 !important; text-transform: none !important; } html[data-licao] :is(.hero, #hero) .hero-eyebrow { display: flex !important; gap: .5rem; flex-wrap: wrap; letter-spacing: 0 !important; } html[data-licao] :is(.hero, #hero) .hero-eyebrow :is(.hero-badge, .hero-badge-gray) { margin: 0 !important; } /* palavras-chave do título (L04, L05) */ html[data-licao] .hero-words { display: flex !important; flex-wrap: wrap; gap: .6rem !important; justify-content: flex-start !important; margin: 1.1rem 0 .4rem !important; } html[data-licao] .hero-word-chip { background: var(--card-bg) !important; border: 1px solid var(--card-borda) !important; border-radius: 10px !important; text-align: left !important; backdrop-filter: none !important; } html[data-licao] .hero-word-chip .hw-term { color: var(--ouro) !important; } html[data-licao] .hero-word-chip .hw-def { color: var(--perg-dim) !important; } /* números do topo dos subsídios */ html[data-licao] .hero-meta { justify-content: flex-start !important; } html[data-licao] .hero-stat-num { color: var(--ouro) !important; } html[data-licao] .hero-stat-label { color: var(--perg-dim) !important; } /* versículo de abertura (reconstruído por versiculos.js) e frase de impacto */ html[data-licao] :is(.hero-verse, .hero-verse-card, .hero-resumo-pill, .versiculo-chave, blockquote.vb, .lc-verso) { background: var(--card-bg) !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; border-radius: 12px !important; box-shadow: var(--card-shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 1rem 1.2rem 1.1rem !important; margin: 1.3rem 0 0 !important; max-width: 780px; text-align: left !important; color: var(--perg-corpo) !important; font-style: normal !important; } html[data-licao] .hero-resumo-label { color: var(--ouro) !important; } html[data-licao] .hero-resumo-text { color: var(--perg-corpo) !important; } html[data-licao="m"] .hero .hs { display: none !important; } /* repetia o versículo do cartão logo abaixo */ /* ========================================================================== 4 · COMPONENTES COMUNS ========================================================================== */ /* cartões de destaque: eram blocos escuros de texto branco */ html[data-licao] :is(.resumo-card, .conclusion-card, .conc-card, .concl-card, .summary-card, .conclusao-card, .frase-impacto, .pull-quote) { background: var(--card-bg) !important; background-image: none !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; color: var(--perg-corpo) !important; box-shadow: var(--card-shadow) !important; } html[data-licao] :is(.resumo-card, .conclusion-card, .conc-card, .concl-card, .summary-card, .conclusao-card, .frase-impacto, .pull-quote)::before { content: none !important; display: none !important; } html[data-licao] :is(.resumo-card, .conclusion-card, .conc-card, .concl-card, .summary-card, .conclusao-card, .frase-impacto, .pull-quote) :is(p, li, blockquote, .conc-text, .resumo-intro, .conclusao-quote, .frase-impacto-text) { color: var(--perg-corpo) !important; } html[data-licao] :is(.resumo-card, .conclusion-card, .conc-card, .concl-card, .summary-card, .conclusao-card, .frase-impacto, .pull-quote) :is(h2, h3, h4, strong, b) { color: var(--perg) !important; } html[data-licao] :is(.resumo-label, .conclusion-label, .conclusao-label, .frase-impacto-label, .summary-card .lbl) { color: var(--ouro) !important; } html[data-licao] .resumo-subtitle { color: var(--perg-dim) !important; } /* cor posta à mão no HTML (style="color:#94a3b8") foi pensada para o cartão escuro de antes; no cartão claro dava 2,56:1 */ html[data-licao] :is(.resumo-card, .conclusion-card, .conc-card, .concl-card, .summary-card, .conclusao-card, .frase-impacto, .pull-quote) [style*="color"] { color: var(--perg-dim) !important; } html[data-licao] .conclusion-label::after { background: var(--borda) !important; } /* números e selos que usavam degradê com texto branco */ html[data-licao] :is(.rev-num, .revisao-num, .review-num, .subsidio-num, .bnum, .mnum, .rn, .conc-icon, .qa-num, .rm-vnum, .licao-badge) { background: var(--ouro) !important; background-image: none !important; color: var(--noite) !important; box-shadow: none !important; -webkit-text-fill-color: currentColor !important; } /* numerais grandes em degradê: texto sólido no acento */ html[data-licao] :is(.section-roman, .snum, .roman, .section-num, .sec-letter, .section-numeral, .nlogo) { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--ouro) !important; text-shadow: none !important; } /* abas e botões ativos */ html[data-licao] :is(.btab.active, .mtab.active, .vtab.active, .bible-tab-btn.active, .modal-tab-btn.active, .vb-tab.active) { background: var(--ouro) !important; border-color: var(--ouro) !important; color: var(--noite) !important; } /* separadores em degradê */ html[data-licao] :is(.sdiv, .section-divider, .dv, .section-sep, .vb-divider) { background: var(--borda) !important; background-image: none !important; } html[data-licao] :is(.sec-divider, .dv)::before, html[data-licao] :is(.sec-divider, .dv)::after { background: var(--borda) !important; } /* chips de referência bíblica */ html[data-licao]:is([data-licao="j"], [data-licao="d"], [data-licao="p"]) .chip, html[data-licao="g"] .bc, html[data-licao="r"] .ref { background: var(--ouro-bg) !important; border: 1px solid var(--ouro-border) !important; color: var(--ouro) !important; box-shadow: none !important; } html[data-licao]:is([data-licao="j"], [data-licao="d"], [data-licao="p"]) .chip:hover, html[data-licao="g"] .bc:hover, html[data-licao="r"] .ref:hover { background: var(--ouro) !important; border-color: var(--ouro) !important; color: var(--noite) !important; } /* ========================================================================== 5 · POR MODELO — o que a paleta sozinha não resolve ========================================================================== */ /* ---- j · Juízes, L09 ---------------------------------------------------- */ html[data-licao="j"] main { max-width: var(--lc-largura) !important; } html[data-licao="j"] .section-summary { background: var(--ouro-bg) !important; } html[data-licao="j"] .section-summary p { color: var(--perg-corpo) !important; } html[data-licao="j"] .subpoint-num { color: var(--ouro) !important; opacity: .5 !important; } html[data-licao="j"] .subpoint-title { color: var(--perg) !important; } html[data-licao="j"] :is(.obj-item .obj-verb, .obj-item:nth-child(n) .obj-verb) { color: var(--ouro) !important; } html[data-licao="j"] .obj-item:nth-child(n) .obj-dot { background: var(--ouro) !important; } html[data-licao="j"] .gloss-term { color: var(--ouro) !important; } html[data-licao="j"] :is(.dia-label, .bible-book-title) { color: var(--ouro) !important; } html[data-licao="j"] .dia-toggle { background: var(--ouro-bg) !important; border: 1px solid var(--ouro-border) !important; color: var(--ouro) !important; } html[data-licao="j"] .dia-toggle:hover { background: var(--ouro) !important; color: var(--noite) !important; } html[data-licao="j"] .teacher-card { border-color: var(--lc-azul-borda) !important; } html[data-licao="j"] .teacher-header { background: var(--lc-azul-bg) !important; border-top-color: var(--lc-azul) !important; } html[data-licao="j"] .teacher-tag { background: var(--lc-azul-bg) !important; color: var(--lc-azul) !important; } html[data-licao="j"] .activity-table th { color: var(--lc-azul) !important; } html[data-licao="j"] .callout-pense .callout-label { color: var(--lc-ambar) !important; } html[data-licao="j"] .callout-ponto .callout-label { color: var(--lc-azul) !important; } html[data-licao="j"] .callout-exort .callout-label { color: var(--lc-coral) !important; } html[data-licao="j"] .gloss-simple { color: var(--lc-ambar) !important; } /* o fundo roxo translúcido da lição, somado ao roxo do texto, dava 4,34:1 no claro */ html[data-licao="j"] .insight-tag { background: var(--lc-roxo-bg) !important; color: var(--lc-roxo) !important; } html[data-licao="j"] .debate-table th:first-child { background: var(--diverg-bg) !important; color: var(--diverg) !important; } html[data-licao="j"] .debate-table th:last-child { background: var(--consenso-bg) !important; color: var(--consenso) !important; } html[data-licao="j"] .debate-table td:first-child, html[data-licao="j"] .debate-table td:last-child { background: transparent !important; color: var(--perg-corpo) !important; } html[data-licao="j"] .verse-block { background: var(--ouro-bg) !important; border-left-color: var(--ouro) !important; color: var(--perg-corpo) !important; } html[data-licao="j"] :is(.verse-text, .verse-ref-badge) { color: var(--perg-corpo) !important; } html[data-licao="j"] .verse-ref-badge { background: var(--ouro-bg) !important; color: var(--ouro) !important; } html[data-licao="j"] .print-btn { background: var(--ouro) !important; color: var(--noite) !important; } html[data-licao="j"] .quote-block:hover { box-shadow: var(--card-shadow-hover) !important; } /* ---- g · L04, L05 ------------------------------------------------------- */ html[data-licao="g"] .resumo-card p, html[data-licao="g"] .pull-quote p { color: var(--perg-corpo) !important; } html[data-licao="g"] .ltbtn:hover { color: var(--noite) !important; } html[data-licao="g"] .obj-dot svg { fill: var(--noite) !important; } html[data-licao="g"] .acc { background: var(--lc-azul-bg) !important; } html[data-licao="g"] .acc-tag { background: var(--lc-azul-bg) !important; color: var(--lc-azul) !important; } html[data-licao="g"] .sub-acc .acc-tag { background: var(--noite-3) !important; color: var(--perg-dim) !important; } html[data-licao="g"] .op-table th { background: var(--lc-azul-bg) !important; border-bottom-color: var(--lc-azul-borda) !important; } html[data-licao="g"] .sub-instrucao { background: var(--lc-azul-bg) !important; } html[data-licao="g"] .sub-quote { background: var(--noite-3) !important; } html[data-licao="g"] :is(.subpoint, .leitura-card):hover { box-shadow: var(--card-shadow-hover) !important; } /* ---- d · L07 e apostila ------------------------------------------------- */ html[data-licao="d"] .nivel-card { background: var(--noite-3) !important; border-color: var(--borda) !important; } html[data-licao="d"] .nivel-text { color: var(--perg-corpo) !important; } html[data-licao="d"] .accordion { border-color: var(--lc-azul-borda) !important; } html[data-licao="d"] .accordion-header { background: var(--lc-azul-bg) !important; } html[data-licao="d"] .accordion-tag { background: var(--lc-azul-bg) !important; color: var(--lc-azul) !important; } html[data-licao="d"] .compare-table th:first-child { background: var(--ouro) !important; color: var(--noite) !important; } html[data-licao="d"] .compare-table th:last-child { background: var(--lc-roxo) !important; color: var(--noite) !important; } html[data-licao="d"] .compare-table td:last-child { border-left-color: var(--lc-roxo) !important; } html[data-licao="d"] .obj-dot { background: var(--ouro) !important; color: var(--noite) !important; } html[data-licao="d"] .intro-text p:first-child::first-letter { text-shadow: none !important; } html[data-licao="d"] :is(.pense-block, .pergunta-card, .bumerangue-item, .andar-card.cima, .honestidade-item.debate) { background: var(--lc-ambar-bg) !important; border-color: var(--lc-ambar-borda) !important; } html[data-licao="d"] :is(.ponto-block, .recado-card, .sci-field, .honestidade-item.forte) { background: var(--ouro-bg) !important; border-color: var(--ouro-border) !important; } html[data-licao="d"] :is(.andar-card.baixo, .honestidade-item.cuidado) { background: var(--lc-azul-bg) !important; border-color: var(--lc-azul-borda) !important; } html[data-licao="d"] :is(.perigo-item, .reflexao-card) { background: var(--lc-coral-bg) !important; border-color: var(--lc-coral-borda) !important; } html[data-licao="d"] .imago-item { background: var(--lc-roxo-bg) !important; border-color: var(--lc-roxo-borda) !important; } html[data-licao="d"] .ref-card { background: var(--noite-3) !important; } /* ---- p · L08 e subsídios extras ----------------------------------------- */ html[data-licao="p"] .mctx { border-color: var(--lc-ambar-borda) !important; } /* ---- r · L03 ------------------------------------------------------------ */ html[data-licao="r"] .conclusion { background: var(--card-bg) !important; background-image: none !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; color: var(--perg-corpo) !important; box-shadow: var(--card-shadow) !important; } html[data-licao="r"] .conclusion::before { content: none !important; } html[data-licao="r"] .conclusion p { color: var(--perg-corpo) !important; } html[data-licao="r"] .conclusion :is(h2, h3, strong) { color: var(--perg) !important; } /* ---- m · L02 ------------------------------------------------------------ */ html[data-licao="m"] :is(.sc, .cc) { border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; box-shadow: var(--card-shadow) !important; } html[data-licao="m"] .cl { color: var(--ouro) !important; } html[data-licao="m"] :is(.se .sei, .obj-card .obj-tag, .cc .ci) { background: var(--ouro) !important; color: var(--noite) !important; } html[data-licao="m"] .msh .ro { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--ouro) !important; } html[data-licao="m"] .hbd { border-color: var(--ouro-border) !important; } /* rótulo "⚠" sobre fundo rosado duplo: 4,44:1 no claro */ html[data-licao="m"][data-theme="light"] :is(.cfl, .xcl) { color: #9d174d !important; } /* ---- i · L01 ------------------------------------------------------------ */ html[data-licao="i"] .part-header { background: var(--card-bg) !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; color: var(--perg) !important; box-shadow: var(--card-shadow) !important; } html[data-licao="i"] .part-header h2 { color: var(--perg) !important; } html[data-licao="i"] .part-num { color: var(--ouro) !important; } html[data-licao="i"] .part-header-text p { color: var(--perg-dim) !important; } html[data-licao="i"] .dark-card { background: var(--card-bg) !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; color: var(--perg-corpo) !important; } html[data-licao="i"] .dark-card .dc-label { color: var(--ouro) !important; } html[data-licao="i"] .dark-card .dc-body { color: var(--perg-corpo) !important; } html[data-licao="i"] .dark-card .verse { border-left-color: var(--ouro) !important; color: var(--perg-dim) !important; } html[data-licao="i"] .t-dark { background: var(--noite-3) !important; color: var(--perg-corpo) !important; } html[data-licao="i"] .alert-red { border-color: var(--lc-coral-borda) !important; } html[data-licao="i"] .alert-red .alert-body { color: var(--lc-coral) !important; } html[data-licao="i"] .alert-teal { border-color: var(--ouro-border) !important; } html[data-licao="i"] .alert-amber { border-color: var(--lc-ambar-borda) !important; } html[data-licao="i"] .alert-purple, html[data-licao="i"] .quote-block { border-color: var(--lc-roxo-borda) !important; } html[data-licao="i"] :is(.simples-body, .frase-final, .hier-concl) { border-color: var(--ouro-border) !important; } html[data-licao="i"] .simples-head { background: var(--ouro-bg) !important; } html[data-licao="i"] .simples-head h3 { color: var(--perg) !important; } html[data-licao="i"] .simples-head p { color: var(--perg-dim) !important; } /* ---- x · Resumo das ideologias ------------------------------------------ */ html[data-licao="x"] .cat.red::before { background: var(--red) !important; } html[data-licao="x"] .cat.amber::before { background: var(--amber) !important; } html[data-licao="x"] .cat.teal::before { background: var(--teal) !important; } html[data-licao="x"] .cat.blue::before { background: var(--blue) !important; } html[data-licao="x"] .cat.coral::before { background: var(--coral) !important; } html[data-licao="x"] .cat.pink::before { background: var(--pink) !important; } html[data-licao="x"] .cat.green::before { background: var(--green) !important; } html[data-licao="x"] .cat.purple::before { background: var(--purple) !important; } html[data-licao="x"] .ic:hover { box-shadow: var(--card-shadow-hover) !important; } html[data-licao="x"] .ic-verse { border-left-color: var(--ouro-border) !important; } html[data-licao="x"] .hbadge .dot { box-shadow: none !important; } html[data-licao="x"] ::-webkit-scrollbar-thumb { background: var(--scroll-thumb) !important; } /* ---- a · Ais de Isaías -------------------------------------------------- */ html[data-licao="a"] #resumo, html[data-licao="a"] .modo-conclusao { background: var(--card-bg) !important; background-image: none !important; border: 1px solid var(--card-borda) !important; border-left: 3px solid var(--ouro) !important; box-shadow: var(--card-shadow) !important; } html[data-licao="a"] #resumo p, html[data-licao="a"] .modo-conclusao p { color: var(--perg-corpo) !important; } html[data-licao="a"] .modo-conclusao :is(h2, h3, strong) { color: var(--perg) !important; } html[data-licao="a"] .conclusao-versiculo { background: var(--noite-3) !important; } html[data-licao="a"] .conclusao-versiculo blockquote { color: var(--perg-corpo) !important; } @media (max-width: 600px) { html[data-licao] :is(.hero, #hero) { padding: 1.5rem 1rem 1.3rem !important; } }