/* ============================================================
   CAMPANHAS DE ORAÇÃO: página-mãe e páginas temáticas.
   Só carrega nessas páginas (inc/campanhas-oracao.php).
   Cada campanha define tokens em .co-tema-{chave} (no body e nos cards da página-mãe);
   a página inteira (fundo, divisores, títulos, citações, cards, formulário) usa os tokens.
   Tokens --co-*: página-mãe, cards e caminho. Landing de cada campanha: tokens --l-* (mais abaixo).
   ============================================================ */

/* ---------- Tokens: página-mãe e padrão (identidade do Rota) ---------- */
.co-page, .co-card {
    --co-bg: var(--bg);
    --co-bg-img: none;
    --co-surface: var(--surface);
    --co-ink: var(--text);
    --co-soft: var(--text-soft);
    --co-acento: var(--color-ouro-texto);  /* texto de destaque (AA sobre o fundo) */
    --co-decor: var(--color-ouro);         /* ornamentos */
    --co-linha: var(--border);
    --co-marca: none;
    --co-divisor: none;
    --co-trelica: none;
    --acento: var(--color-ambar); --titulo-cor: var(--color-ambar); --botao: var(--color-ambar); --botao-texto: #13283E;
    --co-hero-bg: linear-gradient(135deg, #13283E 0%, #1e3a55 100%);
    --co-hero-decor: none;
    --co-fonte-ar: 'Amiri', 'Noto Naskh Arabic', 'Geeza Pro', 'Traditional Arabic', 'Times New Roman', serif;
    --co-fonte-hi: 'Noto Serif Devanagari', 'Kohinoor Devanagari', 'Nirmala UI', 'Mangal', serif;
}

/* ---------- Mundo muçulmano: ladrilho, arcos em ferradura, mashrabiya, areia e verde-azulado ---------- */
.co-tema-mundo-muculmano, .co-tema-mundo-muculmano .co-page {
    --co-bg: #F4EEE1;
    --co-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%232F7D7A' stroke-opacity='.10' stroke-width='1'%3E%3Crect x='16' y='16' width='32' height='32'/%3E%3Crect x='16' y='16' width='32' height='32' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3Cpath d='M0 0L16 16M64 0L48 16M0 64L16 48M64 64L48 48'/%3E%3C/g%3E%3C/svg%3E");
    --co-surface: #FFFDF8;
    --co-ink: #13283E;
    --co-soft: #4a5862;
    --co-acento: #1F5E5B;
    --co-decor: #2F7D7A;
    --co-linha: rgba(47,125,122,.25);
    --co-marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.6 4.2 4.8-1.2-1.2 4.8L22 12l-3.8 2.2 1.2 4.8-4.8-1.2L12 22l-2.6-4.2-4.8 1.2 1.2-4.8L2 12l3.8-2.2L4.6 5l4.8 1.2z' fill='%232F7D7A'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23E8C98A'/%3E%3C/svg%3E");
    /* fileira de arcos em ferradura com colunas */
    --co-divisor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='34' viewBox='0 0 48 34'%3E%3Cg fill='none' stroke='%232F7D7A' stroke-width='1.6'%3E%3Cpath d='M10 33V17A16 16 0 1 1 38 17V33'/%3E%3Cpath d='M14 33V18A11.5 11.5 0 1 1 34 18V33' stroke-opacity='.45'/%3E%3C/g%3E%3Ccircle cx='24' cy='4' r='1.6' fill='%23C9A45C'/%3E%3C/svg%3E");
    /* treliça mashrabiya */
    --co-trelica: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%232F7D7A' stroke-opacity='.16'%3E%3Cpath d='M11 0L22 11 11 22 0 11z'/%3E%3Ccircle cx='11' cy='11' r='3'/%3E%3C/g%3E%3C/svg%3E");
    --acento: #E8C98A; --titulo-cor: #F3E3BC; --botao: #E8C98A; --botao-texto: #13283E;
    --co-hero-bg:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E8C98A' stroke-opacity='.16' stroke-width='1'%3E%3Crect x='16' y='16' width='32' height='32'/%3E%3Crect x='16' y='16' width='32' height='32' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3Cpath d='M0 0L16 16M64 0L48 16M0 64L16 48M64 64L48 48'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 82% 22%, rgba(232,201,138,.22), transparent 30%),
        linear-gradient(160deg, #0f2a3a 0%, #13283E 55%, #1d4a4a 100%);
    /* silhueta de cúpulas e minaretes + lua crescente fina (protótipo) */
    --co-hero-decor:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M60 22a28 28 0 0 0 0 56a36 36 0 0 1 0-56z' fill='%23F3E3BC' fill-opacity='.9'/%3E%3C/svg%3E") right 9% top 12% / 74px 74px no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 130' preserveAspectRatio='xMaxYMax meet'%3E%3Cpath fill='%23E8C98A' fill-opacity='.20' d='M0 130V104h36v-8c0-15 12-27 26-31 14 4 26 16 26 31v8h16V44l4-12 4 12v60h18V86c0-24 18-42 40-50 3-6 4-10 4-14 0 4 1 8 4 14 22 8 40 26 40 50v18h18V44l4-12 4 12v60h16v-8c0-15 12-27 26-31 14 4 26 16 26 31v8h62v26z'/%3E%3Cpath fill='%2313283E' fill-opacity='.55' d='M150 130v-20a8 9 0 0 1 16 0v20zM176 130v-26a14 15 0 0 1 28 0v26zM214 130v-20a8 9 0 0 1 16 0v20z'/%3E%3C/svg%3E") right bottom / min(440px, 70%) auto no-repeat;
}
[data-theme="dark"] .co-tema-mundo-muculmano, [data-theme="dark"] .co-tema-mundo-muculmano .co-page {
    --co-bg: #0f1f2a; --co-surface: #15303d; --co-ink: #ece6d6; --co-soft: #b8c4c6; --co-acento: #E8C98A; --co-linha: rgba(232,201,138,.25);
}

/* ---------- Tradução da Bíblia: pergaminho, manuscritos, rolos, "Palavra" em vários alfabetos ---------- */
.co-tema-traducao-da-biblia, .co-tema-traducao-da-biblia .co-page {
    --co-bg: #F3EAD3;
    --co-bg-img: repeating-linear-gradient(180deg, transparent 0 31px, rgba(122,68,25,.06) 31px 32px);
    --co-surface: #FFFBF0;
    --co-ink: #2b2118;
    --co-soft: #5e4f3f;
    --co-acento: #7A4419;
    --co-decor: #A75E2A;
    --co-linha: rgba(122,68,25,.25);
    --co-marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7a2 2 0 012 2v14a2 2 0 00-2-2H4zM20 4h-7a2 2 0 00-2 2v14a2 2 0 012-2h7z' fill='%23F5E9CF' stroke='%23A75E2A' stroke-width='1.6'/%3E%3C/svg%3E");
    /* filete com rolo aberto no centro */
    --co-divisor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='34' viewBox='0 0 120 34'%3E%3Crect x='30' y='7' width='60' height='20' fill='%23F5E9CF' stroke='%23A75E2A' stroke-width='1.4'/%3E%3Crect x='22' y='3' width='10' height='28' rx='5' fill='%23C99A6A' stroke='%23A75E2A'/%3E%3Crect x='88' y='3' width='10' height='28' rx='5' fill='%23C99A6A' stroke='%23A75E2A'/%3E%3Cpath d='M38 13h44M38 17h40M38 21h44' stroke='%23A75E2A' stroke-opacity='.5'/%3E%3C/svg%3E");
    --co-trelica: repeating-linear-gradient(180deg, transparent 0 27px, rgba(122,68,25,.10) 27px 28px);
    --acento: #E9D8B4; --titulo-cor: #F5E9CF; --botao: #E9D8B4; --botao-texto: #13283E;
    /* textura de manuscrito: "Palavra" de João 1:1 em grego, hindi, amárico, chinês e russo (ver single-campanha_oracao.php) */
    --co-hero-bg:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='132' viewBox='0 0 300 132'%3E%3Cg fill='%23E9D8B4' fill-opacity='.07' font-family='serif' font-size='22'%3E%3Ctext x='8' y='30'%3Eλόγος   वचन   道%3C/text%3E%3Ctext x='40' y='74'%3EСлово   ቃል%3C/text%3E%3Ctext x='150' y='118'%3Eλόγος   道%3C/text%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(ellipse at 20% 100%, rgba(233,216,180,.18), transparent 55%),
        linear-gradient(150deg, #1a2b3f 0%, #13283E 60%, #2a2a3a 100%);
    /* rolo aberto */
    --co-hero-decor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 150'%3E%3Cg fill='none' stroke='%23E9D8B4' stroke-opacity='.4' stroke-width='2'%3E%3Cpath d='M40 30h140v90H40z' fill='%23E9D8B4' fill-opacity='.06'/%3E%3Crect x='22' y='18' width='20' height='114' rx='10'/%3E%3Crect x='178' y='18' width='20' height='114' rx='10'/%3E%3Cpath d='M58 50h104M58 64h96M58 78h104M58 92h84M58 106h100' stroke-opacity='.3'/%3E%3C/g%3E%3C/svg%3E") right 4% center / min(240px, 40%) auto no-repeat;
}
[data-theme="dark"] .co-tema-traducao-da-biblia, [data-theme="dark"] .co-tema-traducao-da-biblia .co-page {
    --co-bg: #1c1a17; --co-bg-img: repeating-linear-gradient(180deg, transparent 0 31px, rgba(233,216,180,.05) 31px 32px);
    --co-surface: #27231d; --co-ink: #efe6d2; --co-soft: #c9bca5; --co-acento: #E9C99A; --co-linha: rgba(233,216,180,.22);
}

/* ---------- Igreja perseguida: escuro nos dois modos; vela, janela com grade e luz entrando, oliveira ---------- */
.co-tema-igreja-perseguida, .co-tema-igreja-perseguida .co-page {
    --co-bg: #0c131c;
    /* feixes de luz entrando pela janela (canto superior esquerdo) */
    --co-bg-img:
        linear-gradient(115deg, rgba(242,183,118,.10) 0 6%, transparent 6% 9%, rgba(242,183,118,.07) 9% 13%, transparent 13% 100%),
        radial-gradient(ellipse at 10% 0%, rgba(242,166,90,.16), transparent 45%);
    --co-surface: #142030;
    --co-ink: #ece6da;
    --co-soft: #bcb4a6;
    --co-acento: #F2B776;
    --co-decor: #F2A65A;
    --co-linha: rgba(242,166,90,.25);
    --co-marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2 4 5 6 5 10a5 5 0 01-10 0c0-2 1-3 2-4 0 2 1 3 2 3 0-3-1-6 1-9z' fill='%23F2A65A'/%3E%3C/svg%3E");
    /* ramo de oliveira entre fios de luz */
    --co-divisor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='34' viewBox='0 0 140 34'%3E%3Cpath d='M20 22C50 22 80 18 120 10' fill='none' stroke='%239DB07A' stroke-width='1.6'/%3E%3Cg fill='%239DB07A'%3E%3Cellipse cx='38' cy='17' rx='7' ry='2.6' transform='rotate(-20 38 17)'/%3E%3Cellipse cx='44' cy='26' rx='7' ry='2.6' transform='rotate(25 44 26)'/%3E%3Cellipse cx='62' cy='13' rx='7' ry='2.6' transform='rotate(-25 62 13)'/%3E%3Cellipse cx='68' cy='23' rx='7' ry='2.6' transform='rotate(20 68 23)'/%3E%3Cellipse cx='86' cy='9' rx='7' ry='2.6' transform='rotate(-30 86 9)'/%3E%3Cellipse cx='92' cy='19' rx='7' ry='2.6' transform='rotate(15 92 19)'/%3E%3C/g%3E%3Ccircle cx='76' cy='19' r='2.4' fill='%23556046'/%3E%3Ccircle cx='100' cy='14' r='2.4' fill='%23556046'/%3E%3C/svg%3E");
    --co-trelica: radial-gradient(circle at 0% 50%, rgba(242,166,90,.18), transparent 55%);
    --acento: #F2A65A; --titulo-cor: #F7D9B0; --botao: #F2A65A; --botao-texto: #1a1208;
    --co-hero-bg:
        radial-gradient(circle at 80% 58%, rgba(242,166,90,.38) 0, rgba(242,166,90,.12) 14%, transparent 34%),
        linear-gradient(180deg, #0a121c 0%, #0d1825 100%);
    /* janela em arco com grade e luz entrando */
    --co-hero-decor:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 170'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE3B0' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23F2A65A' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M20 160V60a40 40 0 0 1 80 0v100z' fill='url(%23l)'/%3E%3Cg stroke='%230a121c' stroke-width='5'%3E%3Cpath d='M40 30v130M60 20v140M80 30v130M20 100h80'/%3E%3C/g%3E%3Cpath d='M20 160V60a40 40 0 0 1 80 0v100z' fill='none' stroke='%23F2B776' stroke-opacity='.5' stroke-width='3'/%3E%3C/svg%3E") left 62% top 14% / auto 58% no-repeat;
}

/* ---------- Índia: jharokha, cúpulas de palácio, diyas, rangoli, açafrão e magenta ---------- */
.co-tema-india, .co-tema-india .co-page {
    --co-bg: #FBF0E2;
    --co-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke-opacity='.10' stroke-width='1.2'%3E%3Ccircle cx='90' cy='90' r='22' stroke='%23C2357B'/%3E%3Ccircle cx='90' cy='90' r='44' stroke='%23E08A1E'/%3E%3Cpath stroke='%23E08A1E' d='M90 24c10 18 10 30 0 44-10-14-10-26 0-44zM90 156c10-18 10-30 0-44-10 14-10 26 0 44zM24 90c18-10 30-10 44 0-14 10-26 10-44 0zM156 90c-18-10-30-10-44 0 14 10 26 10 44 0z'/%3E%3C/g%3E%3C/svg%3E");
    --co-surface: #FFFAF3;
    --co-ink: #2a1530;
    --co-soft: #5f4a58;
    --co-acento: #9B2460;
    --co-decor: #E08A1E;
    --co-linha: rgba(194,53,123,.22);
    --co-marca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 14h18c-1 4-5 6-9 6s-8-2-9-6z' fill='%23C2357B'/%3E%3Cpath d='M12 4c1.5 2.5 2.5 4 2.5 6a2.5 2.5 0 01-5 0c0-2 1-3.5 2.5-6z' fill='%23F4A640'/%3E%3C/svg%3E");
    /* arcos polilobados (cusped) com pontos de rangoli */
    --co-divisor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='34' viewBox='0 0 44 34'%3E%3Cpath d='M6 33V20c0-3 2-5 4-6 0-3 2-5 5-5 1-3 4-5 7-6 3 1 6 3 7 6 3 0 5 2 5 5 2 1 4 3 4 6v13' fill='none' stroke='%23C2357B' stroke-width='1.6'/%3E%3Ccircle cx='22' cy='24' r='2' fill='%23E08A1E'/%3E%3Ccircle cx='22' cy='1.8' r='1.4' fill='%23E08A1E'/%3E%3C/svg%3E");
    --co-trelica: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='%23E08A1E' fill-opacity='.22'%3E%3Ccircle cx='13' cy='13' r='2'/%3E%3Ccircle cx='0' cy='0' r='1.4'/%3E%3Ccircle cx='26' cy='0' r='1.4'/%3E%3Ccircle cx='0' cy='26' r='1.4'/%3E%3Ccircle cx='26' cy='26' r='1.4'/%3E%3C/g%3E%3C/svg%3E");
    --acento: #F4A640; --titulo-cor: #FFD9A0; --botao: #F4A640; --botao-texto: #2a1206;
    --co-hero-bg:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke-opacity='.18' stroke-width='1.2'%3E%3Ccircle cx='90' cy='90' r='22' stroke='%23F4A640'/%3E%3Ccircle cx='90' cy='90' r='44' stroke='%23C2357B'/%3E%3Ccircle cx='90' cy='90' r='66' stroke='%23F4A640'/%3E%3Cg stroke='%23F4A640'%3E%3Cpath d='M90 24c10 18 10 30 0 44-10-14-10-26 0-44zM90 156c10-18 10-30 0-44-10 14-10 26 0 44zM24 90c18-10 30-10 44 0-14 10-26 10-44 0zM156 90c-18-10-30-10-44 0 14 10 26 10 44 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 15% 110%, rgba(244,166,64,.30), transparent 45%),
        linear-gradient(150deg, #2a1830 0%, #13283E 60%, #3a1a2c 100%);
    /* jharokha (janela-balcão com cúpula) + fileira de diyas */
    --co-hero-decor:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 200'%3E%3Cg fill='%23F4A640' fill-opacity='.16' stroke='%23F4A640' stroke-opacity='.45' stroke-width='2'%3E%3Cpath d='M80 6c-4 6-6 10-6 14 0 0-26 6-30 30h72c-4-24-30-30-30-30 0-4-2-8-6-14z'/%3E%3Cpath d='M30 52h100v8H30z'/%3E%3Cpath d='M38 60v96h84V60'/%3E%3C/g%3E%3Cpath d='M50 156V104c0-6 4-10 8-12 0-6 4-10 10-10 2-6 7-10 12-12 5 2 10 6 12 12 6 0 10 4 10 10 4 2 8 6 8 12v52z' fill='%230b1220' fill-opacity='.55' stroke='%23F4A640' stroke-opacity='.55' stroke-width='2'/%3E%3Cpath d='M26 156h108v10H26zM34 166l8 20h76l8-20' fill='%23C2357B' fill-opacity='.30' stroke='%23C2357B' stroke-opacity='.6' stroke-width='2'/%3E%3C/svg%3E") right 5% bottom 34px / auto 78% no-repeat;
}
[data-theme="dark"] .co-tema-india, [data-theme="dark"] .co-tema-india .co-page {
    --co-bg: #1d1222; --co-surface: #2a1a31; --co-ink: #f3e6ea; --co-soft: #d0bcc6; --co-acento: #F4A640; --co-linha: rgba(244,166,64,.25);
}

/* ---------- Página: fundo e caminho temáticos ---------- */
.co-page {
    background-color: var(--co-bg);
    background-image: var(--co-bg-img);
    color: var(--co-ink);
}
body[class*="co-tema-"] .breadcrumb { background: var(--co-surface); border-bottom-color: var(--co-linha); }
body[class*="co-tema-"] .breadcrumb__link { color: var(--co-acento); }
body[class*="co-tema-"] .breadcrumb__atual, body[class*="co-tema-"] .breadcrumb__sep { color: var(--co-soft); }
.co-page .container { display: flex; flex-direction: column; gap: 1.75rem; }
.co-page .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.co-l .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Herói da página-mãe ---------- */
.co-hero { position: relative; border-radius: 16px; overflow: hidden; color: #f3efe6; isolation: isolate; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.co-hero__fundo { position: absolute; inset: 0; z-index: -2; background: var(--co-hero-bg); }
.co-hero__decor { position: absolute; inset: 0; z-index: -1; background: var(--co-hero-decor); pointer-events: none; }
.co-hero__conteudo { padding: 2.4rem 2rem 2.2rem; display: grid; gap: .7rem; max-width: 640px; }
.co-hero__eyebrow { margin: 0; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--acento); }
.co-hero__titulo { margin: 0; font-family: var(--font-titulo); font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.1; color: var(--titulo-cor); }
.co-hero__sub { margin: 0; font-size: 1.06rem; color: #e6e0d4; max-width: 54ch; line-height: 1.6; }

/* ---------- Página-mãe: cards e calendário ---------- */
.co-hub .co-hero--hub { --co-hero-bg: linear-gradient(135deg, #13283E 0%, #1e3a55 100%); }
.co-secao__titulo {
    display: flex; align-items: center; gap: .6rem; margin: 0 0 1rem; padding-bottom: .55rem;
    font-family: var(--font-titulo); font-size: 1.5rem; line-height: 1.25; color: var(--co-ink);
    border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, var(--co-decor), transparent) 1;
}
.co-edicoes { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.co-edicoes li { display: flex; flex-wrap: wrap; gap: .3rem 1rem; align-items: baseline; padding: .8rem 1rem; border-radius: 12px; background: var(--co-surface); border: 1px solid var(--co-linha); border-left: 4px solid var(--co-decor); }
.co-edicoes strong { font-family: var(--font-titulo); color: var(--co-acento); min-width: 4ch; }
.co-nota { margin: .6rem 0 0; font-size: .88rem; color: var(--co-soft); }
.co-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.co-card { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: var(--surface); border: 1px solid var(--border); color: var(--text); text-decoration: none; min-width: 0; transition: transform .2s ease, box-shadow .2s ease; }
.co-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.12); }
.co-card:focus-visible { outline: 2px solid var(--color-ouro-texto); outline-offset: 2px; }
.co-card__faixa { height: 120px; position: relative; isolation: isolate; overflow: hidden; }
.co-card__faixa .co-hero__decor { background-size: auto; }
.co-card__corpo { padding: .9rem 1rem 1.1rem; display: flex; flex-direction: column; gap: .2rem; }
.co-card__titulo { font-family: var(--font-titulo); font-size: 1.2rem; font-weight: 700; }
.co-card__sub { font-size: .9rem; color: var(--text-soft); }
.co-card__data { font-size: .86rem; font-weight: 600; color: var(--color-ouro-texto); }
.co-nota--vazio { text-align: center; font-size: 1rem; }
.co-card.co-tema-mundo-muculmano .co-hero__decor { background-size: 44px 44px, 90% auto; background-position: right 14px top 12px, right bottom; }
.co-card.co-tema-traducao-da-biblia .co-hero__decor { background-size: 46% auto; }
.co-card.co-tema-igreja-perseguida .co-hero__decor { background-size: auto 80%; background-position: left 70% top 10px; }
.co-card.co-tema-india .co-hero__decor { background-size: auto 92%; background-position: right 10px bottom 0; }
@media (max-width: 600px) {
    .co-hero__conteudo { padding: 1.8rem 1.1rem 1.6rem; }
    .co-hero__decor { opacity: .55; }
}

/* ============================================================
   LANDING DA CAMPANHA (single-campanha_oracao.php)
   Estrutura do protótipo aprovado (docs/superpowers/plans/assets/campanha-landing-modelo.html).
   As cores são fixas por tema (não seguem o modo escuro do site): tokens --l-* em .co-tema-{chave} .co-l.
   ============================================================ */

/* ---------- Tokens: mundo muçulmano (= protótipo) é o padrão ---------- */
.co-l {
    --l-noite: #0D2B30; --l-noite2: #123A40;          /* faixas escuras (hero, igreja) */
    --l-claro: #F3EBDD;                                /* fundo das seções claras */
    --l-ouro: #D9B36A;                                 /* destaque sobre o escuro */
    --l-ouro-esc: #8A6420;                             /* destaque sobre o claro (AA) */
    --l-tinta: #1A2A2E; --l-suave: #55656A;            /* texto sobre o claro */
    --l-titulo-claro: #0D2B30;                         /* títulos sobre o claro */
    --l-sobre: #FBF4E6; --l-sobre-suave: #CFD9D6;      /* texto sobre o escuro */
    --l-linha: rgba(26,42,46,.13);
    --l-btn: #D9B36A; --l-btn-hover: #E6C47F; --l-btn-texto: #1A2A2E;
    --l-moldura: #D9B36A; --l-moldura2: #E9DCC6;       /* cor da moldura das fotos */
    --l-borda: 3px;                                    /* espessura da moldura */
    --l-raio: 999px 999px 14px 14px;                   /* arco em ferradura */
    --l-mask: none;                                    /* recorte por máscara (Índia) */
    --l-num-bg: var(--l-noite); --l-num-cor: var(--l-ouro);
    --l-f-titulo: 'Reem Kufi', 'Trebuchet MS', sans-serif;
    --l-f-orig: 'Amiri', 'Geeza Pro', 'Traditional Arabic', serif;
    --l-padrao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23D9B36A' stroke-opacity='.13'%3E%3Crect x='16' y='16' width='32' height='32'/%3E%3Crect x='16' y='16' width='32' height='32' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3Cpath d='M0 0L16 16M64 0L48 16M0 64L16 48M64 64L48 48'/%3E%3C/g%3E%3C/svg%3E");
    /* recorte inferior do hero: fileira de arcos */
    --l-recorte: radial-gradient(circle at 50% 0, transparent 26px, var(--l-claro) 27px) 0 0 / 60px 34px repeat-x;
    --l-recorte-h: 34px;
    --l-verso-pos: 30% 60%;
    color-scheme: light;
}

/* ---------- Índia: festa das luzes. Noite de ameixa, cravo-de-defunto, magenta e ouro; arco polilobado; rangoli ---------- */
.co-tema-india .co-l {
    --l-noite: #1F0A26; --l-noite2: #2B0E30;
    --l-claro: #FCF1E3;
    --l-ouro: #F6AE3F; --l-ouro-esc: #A3195B;
    --l-tinta: #2A1530; --l-suave: #5F4A58; --l-titulo-claro: #4A0F35;
    --l-sobre: #FFF4E2; --l-sobre-suave: #E6CFD8;
    --l-linha: rgba(163,25,91,.16);
    --l-btn: #F6AE3F; --l-btn-hover: #FFC163; --l-btn-texto: #2A1206;
    --l-moldura: linear-gradient(180deg, #F6AE3F, #E07A1F); --l-moldura2: linear-gradient(180deg, #D83A8A, #A3195B);
    --l-borda: 4px;
    --l-raio: 0 0 12px 12px;
    /* arco polilobado (cusped) de palácio mogol: topo recortado, resto reto até o fim */
    --l-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 400'%3E%3Cpath d='M0 400V56Q0 38 9 36Q11 21 23 21Q25 7 39 7Q45 3 50 0Q55 3 61 7Q75 7 77 21Q89 21 91 36Q100 38 100 56V400z'/%3E%3C/svg%3E") top center / 100% auto no-repeat;
    --l-num-bg: linear-gradient(180deg, #D83A8A, #A3195B); --l-num-cor: #FFF4E2;
    --l-f-titulo: 'Yatra One', 'Kohinoor Devanagari', Georgia, serif;
    --l-f-orig: 'Yatra One', 'Kohinoor Devanagari', 'Nirmala UI', 'Mangal', serif;
    /* rangoli: flor de 8 pétalas com pontos */
    --l-padrao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-width='1.2'%3E%3Ccircle cx='60' cy='60' r='12' stroke='%23F6AE3F' stroke-opacity='.22'/%3E%3Ccircle cx='60' cy='60' r='30' stroke='%23D83A8A' stroke-opacity='.16'/%3E%3Cpath stroke='%23F6AE3F' stroke-opacity='.2' d='M60 18c7 12 7 20 0 30-7-10-7-18 0-30zM60 102c7-12 7-20 0-30-7 10-7 18 0 30zM18 60c12-7 20-7 30 0-10 7-18 7-30 0zM102 60c-12-7-20-7-30 0 10 7 18 7 30 0z'/%3E%3C/g%3E%3Cg fill='%23F6AE3F' fill-opacity='.22'%3E%3Ccircle cx='0' cy='0' r='2'/%3E%3Ccircle cx='120' cy='0' r='2'/%3E%3Ccircle cx='0' cy='120' r='2'/%3E%3Ccircle cx='120' cy='120' r='2'/%3E%3Ccircle cx='60' cy='60' r='2.5'/%3E%3C/g%3E%3C/svg%3E");
    /* recorte: arcos pequenos com ponta de pétala */
    --l-recorte: radial-gradient(circle at 50% 0, transparent 13px, var(--l-claro) 14px) 0 0 / 30px 18px repeat-x;
    --l-recorte-h: 18px;
    --l-verso-pos: 12% 50%; /* verso.jpg com a mão à esquerda e fundo escuro estendido à direita */
}

/* ---------- Tradução da Bíblia: capa de couro e páginas de pergaminho; tinta sépia, rubrica vermelha, ouro em folha ---------- */
.co-tema-traducao-da-biblia .co-l {
    --l-noite: #2A1C13; --l-noite2: #33231A;
    --l-claro: #F2E7CF;
    --l-ouro: #E2B866; --l-ouro-esc: #8E2A17;          /* rubrica */
    --l-tinta: #33261A; --l-suave: #5C4A37; --l-titulo-claro: #3B2A1C;
    --l-sobre: #F7EEDA; --l-sobre-suave: #DCCBAE;
    --l-linha: rgba(91,62,35,.2);
    --l-btn: #E2B866; --l-btn-hover: #EDC97F; --l-btn-texto: #2A1C13;
    --l-moldura: #6B4A2B; --l-moldura2: #6B4A2B;
    --l-borda: 2px;
    --l-raio: 2px;
    --l-num-bg: #8E2A17; --l-num-cor: #F7EEDA;
    --l-f-titulo: 'EB Garamond', Garamond, Georgia, serif;
    --l-f-orig: 'EB Garamond', 'Kohinoor Devanagari', 'Geeza Pro', serif;
    /* couro gravado: losangos dourados finos */
    --l-padrao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23E2B866' stroke-opacity='.10'%3E%3Cpath d='M28 4L52 28 28 52 4 28z'/%3E%3Cpath d='M28 14L42 28 28 42 14 28z'/%3E%3C/g%3E%3Ccircle cx='28' cy='28' r='1.6' fill='%23E2B866' fill-opacity='.18'/%3E%3C/svg%3E");
    /* recorte: borda de papel irregular */
    --l-recorte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14V8l6-3 7 4 8-5 6 3 9-4 7 5 8-3 6 2 9-5 7 4 8-2 6 3 9-4 7 4 8-3 4 1V14z' fill='%23F2E7CF'/%3E%3C/svg%3E") 0 100% / 120px 14px repeat-x;
    --l-recorte-h: 14px;
    --l-verso-pos: 20% 50%;
}

/* ---------- Igreja perseguida: noite carvão e luz de vela; sóbrio, molduras de filete ---------- */
.co-tema-igreja-perseguida .co-l {
    --l-noite: #121417; --l-noite2: #191B1F;
    --l-claro: #1C1E22;                                /* sem seção clara: tudo na penumbra */
    --l-ouro: #EDB06C; --l-ouro-esc: #EDB06C;
    --l-tinta: #ECE6DA; --l-suave: #BDB5A8; --l-titulo-claro: #F4E9D6;
    --l-sobre: #F4E9D6; --l-sobre-suave: #C9C1B3;
    --l-linha: rgba(237,176,108,.18);
    --l-btn: #EDB06C; --l-btn-hover: #F5C287; --l-btn-texto: #1A1208;
    --l-moldura: rgba(237,176,108,.45); --l-moldura2: rgba(236,230,218,.3);
    --l-borda: 1px;
    --l-raio: 3px;
    --l-num-bg: transparent; --l-num-cor: #EDB06C;
    --l-f-titulo: 'Spectral', Georgia, serif;
    --l-padrao: radial-gradient(ellipse at 78% 40%, rgba(237,176,108,.16), transparent 50%);
    --l-recorte: linear-gradient(180deg, var(--l-noite), var(--l-claro));
    --l-recorte-h: 48px;
    --l-verso-pos: 30% 12%;
    color-scheme: dark;
}

/* ---------- Estrutura comum ---------- */
.ent-page.co-l { padding: 0; min-height: 0; background: var(--l-claro); color: var(--l-tinta); font-size: 17px; line-height: 1.6; }
.co-l .co-l-faixa { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.co-l .co-l-miolo { max-width: 1040px; margin: 0 auto; }
.co-l h1, .co-l h2 { font-family: var(--l-f-titulo); text-wrap: balance; line-height: 1.15; margin: 0; font-weight: 600; }
.co-l p { margin: 0; }
.co-l .co-l-rotulo { font: 600 13px/1.3 var(--font-corpo); letter-spacing: .12em; text-transform: uppercase; color: var(--l-ouro-esc); }
.co-l-padrao { background-image: var(--l-padrao); }
.co-l a:focus-visible, .co-l summary:focus-visible, .co-l .co-btn:focus-visible, .co-l input:focus-visible { outline: 3px solid var(--l-ouro); outline-offset: 2px; }

/* moldura das fotos: cor no fundo + espessura no padding; forma pelo raio e, na Índia, pela máscara */
.co-l .co-l-moldura { margin: 0; position: relative; padding: var(--l-borda); background: var(--l-moldura); border-radius: var(--l-raio); -webkit-mask: var(--l-mask); mask: var(--l-mask); }
.co-l .co-l-moldura img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: var(--l-raio); -webkit-mask: var(--l-mask); mask: var(--l-mask); }

/* ---------- Hero ---------- */
.co-l-hero { background-color: var(--l-noite); color: var(--l-sobre); padding-block: 48px 64px; position: relative; overflow: hidden; }
.co-l-hero .co-l-miolo { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; }
.co-l-hero .co-l-rotulo { color: var(--l-ouro); }
.co-l-hero h1 { font-size: clamp(34px, 5vw, 58px); margin: 14px 0 16px; color: var(--l-sobre); text-wrap: wrap; }
.co-l-hero h1 em { font-style: normal; color: var(--l-ouro); }
.co-l-sub { font-size: 19px; color: var(--l-sobre-suave); max-width: 100%; text-wrap: pretty; }
.co-l-datas { display: inline-flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; margin: 22px 0 !important; padding: 10px 16px; border: 1px solid color-mix(in srgb, var(--l-ouro) 45%, transparent); border-radius: 999px; font-weight: 600; color: var(--l-sobre); }
.co-l-datas b { color: var(--l-ouro); }
.co-l-nota { font-size: 14px; color: var(--l-sobre-suave); margin-top: 10px !important; opacity: .9; }

/* colagem em molduras */
.co-l-colagem { position: relative; aspect-ratio: 1 / 1.05; max-width: 520px; width: 100%; justify-self: end; }
.co-l-colagem .co-l-moldura { position: absolute; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.co-l-a1 { left: 4%; top: 6%; width: 56%; height: 84%; }
.co-l-a2 { right: 0; top: 30%; width: 44%; height: 62%; }
.co-l .co-l-a2 { background: var(--l-moldura2); }
.co-l-caligrafia { position: absolute; right: 2%; top: -2%; font: 700 clamp(54px, 8vw, 96px)/1 var(--l-f-orig); color: var(--l-ouro); opacity: .9; z-index: 1; }
.co-l-legenda { position: absolute; right: 3%; top: 20%; font-size: 13px; color: var(--l-sobre-suave); text-align: right; max-width: 38%; z-index: 1; }
.co-l-chama { display: none; }

/* recorte inferior do hero */
.co-l-recorte { height: var(--l-recorte-h); background: var(--l-recorte); margin-top: calc(-1 * var(--l-recorte-h)); position: relative; }

/* ---------- Rostos ---------- */
.co-l-rostos { padding-block: 56px 40px; text-align: center; }
.co-l h2 { font-size: clamp(26px, 3.4vw, 38px); color: var(--l-titulo-claro); }
.co-l-lead { color: var(--l-suave); max-width: 34em; margin: 10px auto 0 !important; }
.co-l-fila { display: flex; justify-content: center; gap: 16px; margin-top: 32px; flex-wrap: wrap; padding-bottom: 22px; }
.co-l-fila .co-l-moldura { width: 150px; height: 200px; --l-borda: 2px; }
.co-l-fila .co-l-moldura:nth-child(even) { transform: translateY(22px); }

/* ---------- Como funciona ---------- */
.co-l-passos { padding-block: 56px; }
.co-l-passos .co-l-miolo { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.co-l .co-l-passos__foto { aspect-ratio: 4 / 4.4; background: var(--l-noite); }
.co-l-passos h2 { margin-bottom: 22px; }
.co-l-passos ol { list-style: none; margin: 0; padding: 0; display: grid; counter-reset: p; }
.co-l-passos li { display: grid; grid-template-columns: 56px 1fr; column-gap: 20px; align-items: center; min-height: 104px; padding-block: 14px; counter-increment: p; margin: 0; }
.co-l-passos li + li { border-top: 1px solid var(--l-linha); }
.co-l-passos li::before {
    content: counter(p); width: 56px; height: 64px; display: grid; place-items: center; align-self: center;
    background: var(--l-num-bg); color: var(--l-num-cor); font: 700 26px var(--l-f-titulo);
    border-radius: var(--l-raio); -webkit-mask: var(--l-mask); mask: var(--l-mask);
}
.co-l-passos li b { display: block; font-family: var(--l-f-titulo); font-weight: 600; font-size: 20px; line-height: 1.25; color: var(--l-titulo-claro); margin-bottom: 4px; }
.co-l-passos li span { display: block; color: var(--l-suave); line-height: 1.5; }

/* ---------- Faixa do versículo ---------- */
.co-l-verso { position: relative; color: var(--l-sobre); min-height: 420px; display: grid; align-items: center; background: var(--l-noite); overflow: hidden; isolation: isolate; }
.co-l-verso__foto { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: var(--l-verso-pos); z-index: -2; }
.co-l-verso::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, color-mix(in srgb, var(--l-noite) 90%, transparent) 0%, color-mix(in srgb, var(--l-noite) 65%, transparent) 42%, transparent 70%); }
.co-l-verso .co-l-miolo { position: relative; width: 100%; padding-block: 56px; }
.co-l-verso blockquote { margin: 0 0 0 auto; max-width: 480px; padding: 0; border: 0; background: none; quotes: none; }
.co-l-verso blockquote p { font: 500 clamp(24px, 3vw, 34px)/1.3 var(--l-f-titulo); color: var(--l-sobre); }
.co-l-verso cite { display: block; margin-top: 14px; font: 600 15px var(--font-corpo); color: var(--l-ouro); font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.co-l-verso .co-l-original { font: 400 28px/1.4 var(--l-f-orig); color: var(--l-ouro); margin-bottom: 12px; opacity: .85; }
.co-l-original span, .co-l-caligrafia span { unicode-bidi: isolate; }

/* ---------- Por que ---------- */
.co-l-porque { padding-block: 56px; }
.co-l-porque .co-l-miolo { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.co-l-porque h2 { margin: 6px 0 14px; }
.co-l-porque p:not(.co-l-rotulo) { color: var(--l-suave); margin-bottom: 12px; max-width: 34em; }
.co-l .co-l-leia { color: var(--l-ouro-esc); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.co-l .co-l-porque__foto { aspect-ratio: 4 / 3; --l-raio: 16px; --l-mask: none; }

/* ---------- Igreja + formulário do fim ---------- */
.co-l-igreja { background-color: var(--l-noite2); color: var(--l-sobre); padding-block: 56px; text-align: center; }
.co-l .co-l-igreja h2 { color: var(--l-sobre); }
.co-l-igreja p { color: var(--l-sobre-suave); max-width: 32em; margin: 10px auto 24px !important; }
.co-l-igreja .co-form, .co-l-igreja .co-form--logado { margin: 0 auto; max-width: 520px; text-align: left; }
.co-l-igreja .co-form__linha { justify-content: center; }
.co-l-igreja .co-estado { justify-content: center; }

/* ---------- Formulário (rota_co_inscricao_html) sobre o escuro ---------- */
.co-l .co-form { display: grid; gap: .55rem; max-width: 520px; }
.co-l .co-form__linha { display: flex; flex-wrap: wrap; gap: 10px; }
.co-l .co-form input[type="email"] { flex: 1 1 200px; min-width: 0; padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.08); color: #fff; font: inherit; }
.co-l .co-form input[type="email"]::placeholder { color: var(--l-sobre-suave); opacity: 1; }
.co-l .co-btn { padding: 14px 22px; border: 0; border-radius: 10px; background: var(--l-btn); color: var(--l-btn-texto); font: 700 17px var(--font-corpo); cursor: pointer; }
.co-l .co-btn:hover { background: var(--l-btn-hover); }
.co-l .co-btn:disabled { opacity: .6; cursor: wait; }
.co-l .co-estado { margin: 0 0 12px !important; display: flex; align-items: center; gap: .5rem; font-weight: 600; font-size: 14px; color: var(--l-ouro); }
.co-l .co-estado__ponto { width: 8px; height: 8px; border-radius: 50%; background: var(--l-ouro); }
.co-l .co-estado--sem { color: var(--l-sobre-suave); font-weight: 400; }
.co-l .co-consent { display: flex; gap: .5rem; align-items: flex-start; font-size: 14px; color: var(--l-sobre-suave); line-height: 1.5; margin: 0; }
.co-l .co-consent input { margin-top: .25rem; accent-color: var(--l-ouro); }
.co-l .co-consent a { color: var(--l-ouro); text-decoration: underline; }
.co-l .co-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.co-l .co-msg { margin: 0 !important; min-height: 1em; font-size: 14px; color: #ffd2b0; }
.co-l .co-ok { margin: 0 !important; padding: .75rem 1rem; border-radius: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); color: #fff; }

/* ---------- FAQ e créditos ---------- */
.co-l-faq { padding-block: 56px; }
.co-l-faq .co-l-miolo { max-width: 720px; }
.co-l .co-l-faq h2 { font-size: 28px; margin-bottom: 18px; }
.co-l-faq details { border-bottom: 1px solid var(--l-linha); padding: 14px 0; }
.co-l-faq summary { cursor: pointer; font-weight: 600; color: var(--l-titulo-claro); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.co-l-faq summary::-webkit-details-marker { display: none; }
.co-l-faq summary::after { content: "+"; color: var(--l-ouro-esc); font-size: 22px; line-height: 1; }
.co-l-faq details[open] summary::after { content: "\2212"; }
.co-l-faq details p { color: var(--l-suave); margin-top: 8px; }
.co-l-creditos { padding-block: 24px 40px; font-size: 12px; color: var(--l-suave); text-align: center; }

/* ---------- Toques de cada tema ---------- */

/* Mundo muçulmano: caligrafia árabe da direita para a esquerda */
.co-tema-mundo-muculmano .co-l-caligrafia { direction: rtl; }

/* Índia: frase em devanágari em duas linhas, diya acesa ao pé da colagem */
.co-tema-india .co-l-caligrafia { top: -3%; right: 0; font-size: clamp(22px, 3vw, 34px); line-height: 1.3; white-space: nowrap; font-weight: 400; }
.co-tema-india .co-l-legenda { top: 7%; right: 0; max-width: 60%; }
.co-tema-india .co-l-a1 { top: 14%; height: 78%; }
.co-tema-india .co-l-a2 { top: 34%; height: 58%; }
.co-tema-india .co-l h1, .co-tema-india .co-l h2, .co-tema-india .co-l-passos li b, .co-tema-india .co-l-verso blockquote p { font-weight: 400; }
.co-tema-india .co-l-colagem .co-l-moldura { filter: drop-shadow(0 18px 30px rgba(0,0,0,.4)); box-shadow: none; }
.co-tema-india .co-l-chama {
    display: block; position: absolute; left: 0; bottom: -4%; width: 72px; height: 54px; z-index: 2;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'%3E%3Cdefs%3E%3CradialGradient id='f' cx='.5' cy='.7' r='.5'%3E%3Cstop offset='0' stop-color='%23fff3c4'/%3E%3Cstop offset='.6' stop-color='%23F6AE3F'/%3E%3Cstop offset='1' stop-color='%23F6AE3F' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M3 17h34c0 7-8 13-17 13S3 24 3 17z' fill='%23D83A8A'/%3E%3Cpath d='M3 17h34' stroke='%23F6AE3F' stroke-width='1.5'/%3E%3Cellipse cx='20' cy='9' rx='5' ry='9' fill='url(%23f)'/%3E%3C/svg%3E") center / contain no-repeat;
    filter: drop-shadow(0 0 14px rgba(246,174,63,.75));
}
.co-tema-india .co-l-hero { background-image: var(--l-padrao), radial-gradient(circle at 80% 100%, rgba(246,174,63,.22), transparent 45%); }

/* Bíblia: "Palavra" em vários alfabetos no alto, páginas soltas levemente tortas, cantos de iluminura */
.co-tema-traducao-da-biblia .co-l-caligrafia { top: -1%; left: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 18px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; opacity: .75; }
.co-tema-traducao-da-biblia .co-l-legenda { top: auto; bottom: -3%; right: 0; left: 0; max-width: none; text-align: center; }
.co-tema-traducao-da-biblia .co-l-a1 { top: 12%; height: 76%; transform: rotate(-2deg); }
.co-tema-traducao-da-biblia .co-l-a2 { top: 34%; height: 56%; transform: rotate(3deg); }
.co-tema-traducao-da-biblia .co-l-moldura { outline: 1px solid color-mix(in srgb, var(--l-moldura) 55%, transparent); outline-offset: 4px; }
.co-tema-traducao-da-biblia .co-l-hero .co-l-moldura, .co-tema-traducao-da-biblia .co-l-passos__foto { background: #E2B866; outline-color: rgba(226,184,102,.5); }
.co-tema-traducao-da-biblia .co-l-moldura::before, .co-tema-traducao-da-biblia .co-l-moldura::after {
    content: ""; position: absolute; width: 22px; height: 22px; z-index: 1; pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M1 21V1h20' fill='none' stroke='%238E2A17' stroke-width='2'/%3E%3Cpath d='M5 17V5h12' fill='none' stroke='%23E2B866' stroke-width='1.2'/%3E%3Ccircle cx='5' cy='5' r='2.4' fill='%238E2A17'/%3E%3C/svg%3E") center / contain no-repeat;
}
.co-tema-traducao-da-biblia .co-l-moldura::before { left: -7px; top: -7px; }
.co-tema-traducao-da-biblia .co-l-moldura::after { right: -7px; bottom: -7px; transform: rotate(180deg); }
.co-tema-traducao-da-biblia .co-l-fila .co-l-moldura:nth-child(odd) { transform: rotate(-1.5deg); }
.co-tema-traducao-da-biblia .co-l-fila .co-l-moldura:nth-child(even) { transform: translateY(22px) rotate(1.5deg); }
.co-tema-traducao-da-biblia .co-l-passos ol, .co-tema-traducao-da-biblia .co-l-faq .co-l-miolo { background: repeating-linear-gradient(180deg, transparent 0 31px, rgba(91,62,35,.07) 31px 32px); }
.co-tema-traducao-da-biblia .co-l-passos li::before { font-style: italic; font-size: 32px; }
.co-tema-traducao-da-biblia .co-l-verso blockquote p { font-style: italic; font-weight: 400; }
.co-tema-traducao-da-biblia .co-l-verso .co-l-original { display: flex; flex-wrap: wrap; gap: 0 16px; font-size: 24px; }
.co-tema-traducao-da-biblia .co-l-rostos h2::after, .co-tema-traducao-da-biblia .co-l-faq h2::after { content: ""; display: block; width: 90px; height: 10px; margin: 12px auto 0; background: radial-gradient(circle, #8E2A17 3px, transparent 3.5px) center / 10px 10px no-repeat, linear-gradient(#8E2A17, #8E2A17) center / 100% 1px no-repeat; }
.co-tema-traducao-da-biblia .co-l-faq h2::after { margin-left: 0; }
.co-tema-traducao-da-biblia .co-l-hero .co-l-miolo { position: relative; }

/* Igreja perseguida: vela acesa ao lado das fotos, sem cor alegre */
.co-tema-igreja-perseguida .co-l h1, .co-tema-igreja-perseguida .co-l h2 { font-weight: 500; }
.co-tema-igreja-perseguida .co-l-colagem .co-l-moldura { box-shadow: 0 0 60px rgba(237,176,108,.12), 0 18px 40px rgba(0,0,0,.5); }
.co-tema-igreja-perseguida .co-l-a2 { top: 26%; }
.co-tema-igreja-perseguida .co-l-chama {
    display: block; position: absolute; right: 6%; top: 2%; width: 26px; height: 120px; z-index: 1;
    background:
        radial-gradient(ellipse 50% 50% at 50% 50%, #fff3c4 0, #F2B776 45%, #CE783B 75%, transparent 77%) 50% 0 / 18px 32px no-repeat,
        linear-gradient(90deg, #cbbfa6, #efe6d2, #cbbfa6) 50% 38px / 18px 82px no-repeat;
    filter: drop-shadow(0 0 16px rgba(237,176,108,.7));
}
.co-tema-igreja-perseguida .co-l-passos li::before { border: 1px solid var(--l-moldura); }
.co-tema-igreja-perseguida .co-l-rostos, .co-tema-igreja-perseguida .co-l-porque { background: radial-gradient(ellipse at 50% 0, rgba(237,176,108,.07), transparent 60%); }

@media (prefers-reduced-motion: no-preference) {
    .co-l-colagem .co-l-moldura { transition: transform .5s; }
    .co-tema-mundo-muculmano .co-l-colagem:hover .co-l-a2 { transform: translateY(-6px); }
    .co-tema-india .co-l-chama, .co-tema-igreja-perseguida .co-l-chama { animation: co-tremula 3s ease-in-out infinite; }
    @keyframes co-tremula { 50% { filter: drop-shadow(0 0 22px rgba(246,174,63,.9)); } }
}

/* ---------- Celular ---------- */
@media (max-width: 820px) {
    .co-l-hero .co-l-miolo, .co-l-passos .co-l-miolo, .co-l-porque .co-l-miolo { grid-template-columns: 1fr; gap: 32px; }
    .co-l-colagem { justify-self: center; max-width: 400px; }
    .co-l .co-l-passos__foto { max-width: 360px; width: 100%; margin: 0 auto; }
    .co-l-fila .co-l-moldura { width: 28vw; height: 38vw; max-width: 150px; max-height: 200px; }
    .co-l-fila .co-l-moldura:nth-child(n+5) { display: none; }
    .co-l-verso::before { background: color-mix(in srgb, var(--l-noite) 78%, transparent); }
    .co-l-legenda { max-width: 50%; }
}

/* Tradução da Bíblia: hero claro, de página de Bíblia (pedido do dono, 2026-11-15). Tinta sépia sobre pergaminho, destaque em rubrica. */
.co-tema-traducao-da-biblia .co-l-hero {
    --l-sobre: #2E2116; --l-sobre-suave: #5C4A37; --l-ouro: #8E2A17;
    --l-btn: #8E2A17; --l-btn-hover: #A6361F; --l-btn-texto: #FBF5E6;
    --l-noite: #F1DFBC;
    /* pergaminho: fibra fina + manchas largas + bordas tostadas */
    background-image:
        radial-gradient(ellipse at 50% 45%, rgba(255,248,228,.6) 0%, transparent 62%),
        radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(122,78,28,.30) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .36 0 0 0 0 .14 0 0 0 .28 -.06'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .27 0 0 0 0 .1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
    background-size: auto, auto, cover, 240px 240px;
}
.co-tema-traducao-da-biblia .co-l-hero .co-form input[type="email"] { background: #fff; border-color: rgba(91,62,35,.35); color: #2E2116; }
.co-tema-traducao-da-biblia .co-l-hero .co-form input[type="email"]::placeholder { color: #8A7660; }
.co-tema-traducao-da-biblia .co-l-hero .co-l-caligrafia { opacity: 1; color: #8E2A17; font-size: clamp(20px, 2.3vw, 30px); flex-wrap: nowrap; gap: 0 12px; top: -4%; }
.co-tema-traducao-da-biblia .co-l-hero .co-l-moldura { background: #6B4A2B; outline-color: rgba(107,74,43,.4); box-shadow: 0 14px 30px rgba(60,40,20,.22); }

.co-l-datas b { white-space: nowrap; }

/* ============================================================
   PÁGINA-MÃE (archive-campanha_oracao.php): mesmo formato da landing, visual neutro do Rota.
   Página segue o tema claro/escuro do site; fotos, barras e cards levam co-tema-{chave} + .co-l (tokens da campanha).
   ============================================================ */
.co-l.co-hub-l {
    --l-noite: #13283E; --l-noite2: #1e3a55;
    --l-claro: var(--bg);
    --l-ouro: #F2B776; --l-ouro-esc: var(--color-ouro-texto);
    --l-tinta: var(--text); --l-suave: var(--text-soft); --l-titulo-claro: var(--text);
    --l-sobre: #FAF8F2; --l-sobre-suave: #C9D4DF;
    --l-linha: var(--border);
    --l-btn: #F2B776; --l-btn-hover: #F8C993; --l-btn-texto: #13283E;
    --l-num-bg: #13283E; --l-num-cor: #F2B776;
    --l-raio: 12px; --l-mask: none;
    --l-f-titulo: var(--font-titulo);
    /* rosa dos ventos e meridianos bem leves */
    --l-padrao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23F2B776' stroke-opacity='.10'%3E%3Ccircle cx='80' cy='80' r='34'/%3E%3Cpath d='M80 30v100M30 80h100M80 40l8 40-8 40-8-40z'/%3E%3C/g%3E%3Cg fill='%23F2B776' fill-opacity='.16'%3E%3Ccircle cx='0' cy='0' r='1.6'/%3E%3Ccircle cx='160' cy='0' r='1.6'/%3E%3Ccircle cx='0' cy='160' r='1.6'/%3E%3Ccircle cx='160' cy='160' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
    color-scheme: normal;
}
.co-hub-l h2 { text-align: center; }

/* hero: 4 molduras pequenas, cada uma na forma do seu tema */
.co-hub-colagem { aspect-ratio: 1 / .95; }
.co-hub-colagem > div { position: absolute; }
.co-hub-colagem > div > .co-l-moldura { width: 100%; height: 100%; box-shadow: 0 16px 34px rgba(0,0,0,.4); }
.co-hub-colagem > div:nth-child(1) { left: 2%; top: 4%; width: 40%; height: 50%; }
.co-hub-colagem > div:nth-child(2) { right: 4%; top: 0; width: 36%; height: 44%; }
.co-hub-colagem > div:nth-child(3) { left: 12%; bottom: 0; width: 36%; height: 40%; }
.co-hub-colagem > div:nth-child(4) { right: 0; bottom: 6%; width: 42%; height: 44%; }
.co-hub-colagem .co-tema-traducao-da-biblia .co-l-moldura { background: #E2B866; transform: rotate(-2deg); }
.co-hub-colagem .co-tema-igreja-perseguida .co-l-moldura { box-shadow: 0 0 40px rgba(237,176,108,.18), 0 16px 34px rgba(0,0,0,.5); }
.co-hub-colagem .co-tema-india .co-l-moldura { box-shadow: none; filter: drop-shadow(0 14px 24px rgba(0,0,0,.45)); }

/* o ano em oração: linha do tempo jan a dez */
.co-hub-ano { padding-block: 56px 24px; }
.co-hub-ano h2 { margin-bottom: 28px; }
.co-hub-ano__eixo { display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid var(--l-linha); font: 600 12px/1 var(--font-corpo); letter-spacing: .08em; text-transform: uppercase; color: var(--l-suave); }
.co-hub-ano__eixo span { padding: 0 0 8px 6px; border-left: 1px solid var(--l-linha); }
.co-hub-ano__linhas { list-style: none; margin: 0; padding: 0; background: repeating-linear-gradient(90deg, var(--l-linha) 0 1px, transparent 1px calc(100% / 12)); }
.co-hub-ano__linhas li { position: relative; margin: 0; padding: 14px 0 10px; }
.co-hub-ano__barra { display: block; margin-left: var(--ini); width: var(--larg); min-width: 10px; height: 14px; border-radius: 999px; background: var(--l-num-bg); box-shadow: inset 0 0 0 2px var(--l-ouro); }
.co-tema-mundo-muculmano .co-hub-ano__barra { background: #2F7E78; } /* noite do tema some no fundo escuro */
.co-hub-ano__rotulo { display: block; margin: 6px 0 0 var(--ini); font-size: 15px; line-height: 1.35; white-space: nowrap; }
.co-hub-ano--dir .co-hub-ano__rotulo { margin-left: 0; text-align: right; padding-right: calc(100% - var(--ini) - var(--larg)); }
.co-hub-ano__rotulo b { color: var(--l-titulo-claro); }
.co-hub-ano__rotulo span { color: var(--l-suave); }

/* cards: cada um nas cores do seu tema */
.co-hub-cards { padding-block: 40px 56px; }
.co-hub-cards h2 { margin-bottom: 28px; }
.co-hub-grade { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.co-hub-card__in { height: 100%; display: grid; grid-template-rows: auto 1fr; background-color: var(--l-noite); color: var(--l-sobre); border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px rgba(0,0,0,.2); }
.co-hub-card__foto { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; border-bottom: var(--l-borda) solid var(--l-ouro); }
.co-hub-card__tx { padding: 24px 26px 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.co-l .co-hub-card .co-l-rotulo { color: var(--l-ouro); }
.co-hub-card h3 { margin: 0; font: 600 clamp(24px, 2.6vw, 30px)/1.15 var(--l-f-titulo); color: var(--l-sobre); text-wrap: balance; }
.co-tema-india.co-hub-card h3 { font-weight: 400; }
.co-hub-card__sub { color: var(--l-sobre-suave); line-height: 1.55; flex: 1; }
.co-hub-card .co-l-datas { margin: 4px 0 6px !important; font-size: 14px; }
.co-l .co-hub-card__btn { display: inline-block; text-decoration: none; border-radius: 999px; padding: 13px 26px; }
.co-l .co-hub-card__btn:hover { color: var(--l-btn-texto); }
/* Tradução da Bíblia: card em pergaminho, como o hero da campanha */
.co-tema-traducao-da-biblia .co-hub-card__in { --l-noite: #F1DFBC; --l-sobre: #2E2116; --l-sobre-suave: #5C4A37; --l-ouro: #8E2A17; --l-btn: #8E2A17; --l-btn-hover: #A6361F; --l-btn-texto: #FBF5E6; }

/* como funciona sem foto, centrado */
.co-hub-passos .co-l-miolo { display: block; max-width: 640px; }

@media (max-width: 820px) {
    .co-hub-grade { grid-template-columns: 1fr; }
    .co-hub-colagem { max-width: 360px; }
    /* linha do tempo vira lista */
    .co-hub-ano__eixo { display: none; }
    .co-hub-ano__linhas { background: none; }
    .co-hub-ano__linhas li { display: grid; grid-template-columns: 14px 1fr; gap: 14px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--l-linha); }
    .co-hub-ano__barra { margin: 3px 0 0; width: 14px; min-width: 0; height: 40px; }
    .co-hub-ano__rotulo, .co-hub-ano--dir .co-hub-ano__rotulo { margin: 0; padding: 0; text-align: left; white-space: normal; }
    .co-hub-ano__rotulo span { display: block; }
}