/* =====================================================
   TEMA DE PROVA 3 — "Papel de processo" (claro)
   Base clara fria (não é o creme/bege de sempre), blocos em
   sálvia tonal, acento único em verde-garrafa profundo.
   Serifada Lora: mais peso de texto corrido, menos ornamento.
   As "ilhas escuras" (hero sobre vídeo, banda sobre foto,
   legenda da galeria, lightbox) continuam claras por cima de
   escuro — por isso o texto delas é redefinido aqui.
   Carrega em ?tema=3.
   ===================================================== */

@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,500&display=swap");

:root {
    --bg:        #eaece8;
    --bg-2:      #e2e5e0;
    --surface:   #f6f7f4;
    --surface-2: #eef0eb;
    --linha:     rgba(20, 32, 26, .16);
    --ink:       #131a16;
    --ink-2:     #2c352f;
    --mudo:      #56605a;
    /* blocos cheios: sálvia clara, mesmo family do fundo (bloco tonal, não inversão) */
    --verde:     #d6dfd8;
    --verde-2:   #c6d2c8;
    /* acento único: verde-garrafa profundo */
    --ouro:      #17402f;
    --ouro-2:    #0f2d21;
    --ouro-ink:  #f2f5f1;
    --serif: "Lora", "Georgia", serif;
}

/* grão de papel pesa mais em fundo claro */
body::after { opacity: .028; }

/* --- topo: pílula clara sobre o hero escuro e sobre a página clara --- */
.topo-in {
    background: rgba(246, 247, 244, .82);
    box-shadow: 0 18px 40px -24px rgba(20, 32, 26, .55);
}
.topo.rolou .topo-in { background: rgba(246, 247, 244, .96); border-color: rgba(23, 64, 47, .22); }

/* --- hero: ilha escura sobre o vídeo, texto continua claro --- */
.hero-veu {
    background:
        linear-gradient(12deg, rgba(16, 26, 21, .95) 22%, rgba(16, 26, 21, .58) 58%, rgba(20, 34, 27, .38)),
        radial-gradient(60% 80% at 80% 10%, rgba(23, 64, 47, .45), transparent 70%);
}
.hero-badge { background: rgba(16, 26, 21, .5); color: #f4f6f2; border-color: rgba(244, 246, 242, .28); }
.hero h1 { color: #f4f6f2; }
.hero h1 em { color: #cfd9bb; }
.hero-sub { color: rgba(244, 246, 242, .86); }
.hero-nota, .hero-selos li { color: rgba(244, 246, 242, .78); }
.hero-selos { border-top-color: rgba(244, 246, 242, .22); }
.hero-selos svg { color: #cfd9bb; }
/* botão de linha do hero fica sobre o véu escuro: tinta escura sumiria */
.hero .btn-linha { color: #f4f6f2; border-color: rgba(244, 246, 242, .45); }
.hero .btn-linha:hover { color: #cfd9bb; border-color: #cfd9bb; }
.hero-seta { border-color: rgba(244, 246, 242, .4); }
.hero-seta span { background: #cfd9bb; }

/* --- brilhos ambiente e molduras --- */
.escritorio::before { background: radial-gradient(circle, rgba(23, 64, 47, .16), transparent 65%); }
.escritorio-moldura { border-color: rgba(23, 64, 47, .45); }
.escritorio-cred i { border-color: rgba(23, 64, 47, .35); }
.socio img { border-color: rgba(23, 64, 47, .4); box-shadow: 8px 8px 0 rgba(23, 64, 47, .18); }
.socio:hover img { box-shadow: 12px 13px 0 rgba(23, 64, 47, .26); }
.metodo::after { background: radial-gradient(circle, rgba(23, 64, 47, .07), transparent 65%); }
.passo.ativo { border-color: rgba(23, 64, 47, .4); }
.passo.ativo::before { box-shadow: 0 0 0 5px rgba(23, 64, 47, .14); }
.faq-foto img { box-shadow: .9rem .9rem 0 rgba(23, 64, 47, .18); }
.depo-retrato { background: rgba(23, 64, 47, .07); box-shadow: 0 0 0 6px rgba(23, 64, 47, .05); }
.luz-quadro img { border-color: rgba(244, 246, 242, .3); }

/* --- blocos sálvia: o texto vira tinta escura --- */
.areas .sec-cab h2, .area h3, .contato h2 { color: var(--ink); }
.areas .sec-cab p, .area p { color: rgba(19, 26, 22, .74); }
.areas-lista, .area { border-color: rgba(19, 26, 22, .18); }
.area:hover { background: rgba(23, 64, 47, .07); }
.area-icone { border-color: rgba(19, 26, 22, .22); background: rgba(23, 64, 47, .06); color: var(--ouro); }
.area:hover .area-icone { border-color: var(--ouro); background: rgba(23, 64, 47, .12); }
.area:hover h3, .area-seta { color: var(--ouro); }
.area-img { border-color: rgba(23, 64, 47, .45); box-shadow: 0 20px 44px rgba(19, 26, 22, .22); }
.contato-txt > p { color: rgba(19, 26, 22, .78); }
.contato-dados li { color: rgba(19, 26, 22, .86); }
.cd-icone { border-color: rgba(19, 26, 22, .2); color: var(--ouro); }
.contato-dados span { color: var(--ouro); }
.contato-dados a:hover { color: var(--ouro); }
.contato-mapa { border-color: rgba(19, 26, 22, .18); }
.contato-form { background: var(--surface); box-shadow: 0 40px 80px -44px rgba(19, 26, 22, .45); }
.contato-form input, .contato-form select, .contato-form textarea { background: #fff; }
.contato-mapa iframe { filter: grayscale(1) brightness(1.04) contrast(.94) sepia(.16); }

/* --- banda e galeria: continuam escuras (texto sobre foto) --- */
.banda-fundo::after {
    background: linear-gradient(180deg, rgba(16, 26, 21, .92), rgba(16, 26, 21, .74) 50%, rgba(16, 26, 21, .92));
}
.banda-frase { color: #f4f6f2; }
.banda-frase em { color: #cfd9bb; }
.banda-assina { color: rgba(244, 246, 242, .8); }
.banda-assina::before { background: #cfd9bb; }
.galeria-item figcaption {
    color: #f4f6f2;
    background: linear-gradient(180deg, transparent, rgba(16, 26, 21, .88));
}
.luz { background: rgba(16, 26, 21, .94); }
.luz-quadro figcaption { color: rgba(244, 246, 242, .82); }
.luz-nav, .luz-fecha { color: #f4f6f2; border-color: rgba(244, 246, 242, .3); }
.luz-nav:hover, .luz-fecha:hover { color: #cfd9bb; border-color: #cfd9bb; }

@media (max-width: 860px) {
    .menu { background: rgba(246, 247, 244, .98); }
}