/* Refino global (28/10/2026) — o que valia em todas as páginas públicas e que os refinos por página já tinham
   provado (Retratos, Arquivo GF, galeria e álbum do sócio, Coberturas). Carregado por includes/nav.php, logo
   depois do global.css, com versão pela data do arquivo: o global.css é guardado 30 dias pelo navegador e tem
   ?v= escrito à mão em 48 páginas. Quando assentar, estas regras podem ir para o próprio global.css.
   Reverter = tirar a linha do <link> em includes/nav.php. Só aparência: nenhum link, preço ou formulário muda. */

/* 1. Texto secundário legível.
   Tema claro: --muted #888 dava 3,3:1 sobre o fundo #F8F5FF (abaixo do mínimo de 4,5:1 para texto pequeno);
   #6E6780 (cinza-lilás, mesma família) dá 5:1. Tema escuro: o global.css já faz --muted = --dark-m com regra
   mais forte que esta, então lá vale o --dark-m, que sobe de .38 (3,1:1) para .64 (≈6,9:1).
   --muted2 (#bbb) fica: é usado em detalhe decorativo. */
:root{--muted:#6E6780;--dark-m:rgba(240,234,248,.64)}

/* 2. Etiquetas acima de título: caixa alta espaçada vira caixa de frase.
   O tracinho em gradiente antes do rótulo de seção sai junto (padrão de "etiqueta de revista"). */
.section-label,.section-label-dark{text-transform:none;letter-spacing:0;font-size:15px}
.section-label::before,.section-label-dark::before{display:none}
.ev-listing-eyebrow{text-transform:none;letter-spacing:0;font-size:13px}
/* cápsula do topo das listagens (Coberturas, Agenda, Blog, Fotógrafos, Promotores): a cápsula fica */
.page-eyebrow{text-transform:none;letter-spacing:0;font-size:13px}
@media(max-width:640px){.page-eyebrow{font-size:12px;letter-spacing:0}}
/* "PARCEIROS" na faixa escura da home: 11 px a .22 (≈1,6:1) */
.parceiros-label{text-transform:none;letter-spacing:0;font-size:14px;color:rgba(255,255,255,.62)}
.badge{text-transform:none;letter-spacing:0}
.form-label{text-transform:none;letter-spacing:0}

/* Home (classes que só existem nela, em assets/css/home.css): etiquetas de seção e rótulos dos números no
   mesmo padrão. Ficam em caixa alta de propósito: "DESDE 2003" (assinatura do logo), o mês abreviado do bloco
   de data, as categorias curtas dos eventos ("FESTA", "BALADA") e o "HOJE". */
.agf-eyebrow,.nivel-eyebrow,.cofre-eyebrow{text-transform:none;letter-spacing:0;font-size:15px}
.agf-eyebrow::before,.nivel-eyebrow::before,.cofre-eyebrow::before{display:none}
.agf-counter-lbl,.hstat-label,.nivel-stat-lbl{text-transform:none;letter-spacing:0}

/* Páginas públicas com etiquetas próprias (28/10, o Vilson notou que faltava o seja-fotografo.php).
   Fora desta leva, de propósito: página do Sócio (venda), Minha conta, e-mails, admin e Home 2 (desligada);
   categorias curtas de evento ("FESTA"), "HOJE" e "Serra Gaúcha" sob o logo do login (assinatura). */
/* Seja fotógrafo */
.sf-eyebrow,.sf-section-label,.sf-proof-eyebrow,.sf-vit-tag,.sf-bonus-label,.sf-stat-label,.sf-label,.sf-proof-author{text-transform:none;letter-spacing:0}
.sf-eyebrow,.sf-proof-eyebrow,.sf-vit-tag,.sf-bonus-label{font-size:13px}
/* Cadastro de evento, local, promotor, contato, privacidade, anuncie */
.cad-section-label,.lc-section-label,.ct-tag,.ct-field label,.priv-tag,.an-hero-tag,.an-label,.an-num-label{text-transform:none;letter-spacing:0}
.ct-tag,.priv-tag,.an-hero-tag{font-size:13px}
/* Login, cadastro, recuperar e redefinir senha: rótulos dos campos */
.auth-label{text-transform:none;letter-spacing:0;font-size:13px}
/* Rodapé (todas as páginas). O <style> do rodapé vem depois deste arquivo na página: o seletor do bloco pai
   (.gf-footer) dá o peso que precisa. O pontinho rosa antes dos títulos sai (mesma regra do selo do topo). */
.gf-footer .gf-footer-col-title,.gf-footer .gf-footer-wa-label,.gf-footer .gf-footer-anuncie-tag{text-transform:none;letter-spacing:0}
.gf-footer .gf-footer-col-title{font-size:13px}
.gf-footer .gf-footer-col-title::before,.gf-footer .gf-footer-anuncie-tag::before{display:none}

/* ── 3. Correções da auditoria do impeccable (28/10, páginas renderizadas a 390 px) ─────────────────────── */
/* Rodapé no tema escuro (automático e forçado) e no rodapé escuro da home: textos a .22–.30 (1,8–2,4:1).
   O <style> do rodapé vem depois deste arquivo; "body" no seletor dá o peso que falta. */
@media (prefers-color-scheme: dark){
  html:not(.force-light) body .gf-footer .gf-footer-tagline,
  html:not(.force-light) body .gf-footer .gf-footer-col-title{color:rgba(240,234,248,.62)}
  html:not(.force-light) body .gf-footer .gf-footer-nav a{color:rgba(240,234,248,.74)}
  html:not(.force-light) body .gf-footer .gf-footer-copy,
  html:not(.force-light) body .gf-footer .gf-footer-badge,
  html:not(.force-light) body .gf-footer .gf-footer-links a,
  html:not(.force-light) body .gf-footer .gf-footer-legal{color:rgba(240,234,248,.6)}
  html:not(.force-light) body .gf-footer .gf-footer-anuncie-desc{color:rgba(240,234,248,.68)}
}
html.force-dark body .gf-footer .gf-footer-tagline,html.force-dark body .gf-footer .gf-footer-col-title,
body .gf-footer.dark-footer .gf-footer-tagline,body .gf-footer.dark-footer .gf-footer-col-title{color:rgba(240,234,248,.62)}
html.force-dark body .gf-footer .gf-footer-copy,html.force-dark body .gf-footer .gf-footer-legal,html.force-dark body .gf-footer .gf-footer-links a,
body .gf-footer.dark-footer .gf-footer-copy,body .gf-footer.dark-footer .gf-footer-legal,body .gf-footer.dark-footer .gf-footer-links a{color:rgba(240,234,248,.6)}
body .gf-footer .gf-footer-legal{font-size:11px;opacity:1}
/* "Entre para o grupo" no rodapé claro: verde #25D366 sobre verde-claro dava 1,8:1 */
@media (prefers-color-scheme: light){body .gf-footer:not(.dark-footer) .gf-footer-wa-label{color:#15803D}}
html.force-light body .gf-footer:not(.dark-footer) .gf-footer-wa-label{color:#15803D}

/* Barra de baixo do celular: rótulos em 10 px */
.bn-item{font-size:11px}

/* Login/cadastro: "Esqueci minha senha" e o divisor "ou" em #bbb (1,8:1); texto de exemplo das buscas idem */
.auth-forgot a,.auth-divider{color:var(--muted)}


/* Categorias dos eventos (cor vem do cadastro de cada categoria, com 75% de opacidade): cor cheia e, no tema
   claro, escurecida para ler sobre o card branco (o laranja dava 1,8:1). No escuro a cor clara já lê bem. */
.ev-card-cat,.ev-cat{opacity:1}
@media (prefers-color-scheme: light){html:not(.force-dark) .ev-card-cat,html:not(.force-dark) .ev-cat{filter:brightness(.62) saturate(1.3)}}
html.force-light .ev-card-cat,html.force-light .ev-cat{filter:brightness(.62) saturate(1.3)}

/* Selo do ano nos cards "Últimos álbuns" da home: branco sobre o gradiente (2,7:1) */
.agf-hcard-year{box-shadow:inset 0 0 0 999px rgba(0,0,0,.3)}

/* Números pequenos: contagem das categorias do blog (8 px) e cidade nos depoimentos de fotógrafo (10 px) */
.blog-cat-count{font-size:11px}
.sf-proof-cidade{font-size:12px}
/* cápsula do topo (listagens e fotógrafo) sobre o fundo lilás em gradiente: 4,48:1, um fio abaixo do mínimo */
.page-eyebrow,.sf-eyebrow{color:#5E5770}
.hero-search input::placeholder,.form-control::placeholder{color:#6E6780}
/* passos 01–04 da página de fotógrafo em 10 px */
.sf-how-num{font-size:12px}

/* ── 4. Rosa como texto pequeno (item 2 aprovado pelo Vilson, 28/10) ──────────────────────────────────────
   O token --pink (#E91E63) NÃO muda: é fundo de botão e selo, e aparece em seções escuras dentro de páginas
   claras. Só o TEXTO rosa pequeno apontado pela auditoria troca de tom: #C8155A sobre fundo claro (≥4,5:1,
   mesmo em fundo rosado; era 3,5–4,2:1) e #FF5C93 sobre fundo escuro (≥6:1; era 4,0–4,4:1).
   Os elementos que seguem o tema do aparelho ganham um tom por tema; os de seção sempre escura, o claro. */
/* Padrão = tom para fundo claro (vale também quando o navegador não informa o tema); no tema escuro, o claro. */
html:not(.force-dark) .cob-date,html:not(.force-dark) .cob-footer span,html:not(.force-dark) .ev-ver,
html:not(.force-dark) .section-header-actions a,html:not(.force-dark) .fds-header a,html:not(.force-dark) .alb-ctx-text a,
html:not(.force-dark) .sf-vit-tag,html:not(.force-dark) .sf-proof-eyebrow,html:not(.force-dark) .sf-proof .container a,
html:not(.force-dark) .sf-arg-highlight,html:not(.force-dark) .sf-bonus-label,html:not(.force-dark) body .gf-cookie-text a{color:#C8155A}
@media (prefers-color-scheme: dark){
  html:not(.force-light) .cob-date,html:not(.force-light) .cob-footer span,html:not(.force-light) .ev-ver,
  html:not(.force-light) .section-header-actions a,html:not(.force-light) .fds-header a,html:not(.force-light) .alb-ctx-text a,
  html:not(.force-light) body .gf-cookie-text a{color:#FF5C93}
}
html.force-dark .cob-date,html.force-dark .cob-footer span,html.force-dark .ev-ver,html.force-dark .section-header-actions a,
html.force-dark body .gf-cookie-text a{color:#FF5C93}
/* seções sempre escuras da home ("Arquivo GF", "Ver fotos →" dos cards, ano no cofre) */
.agf-eyebrow,.agf-hcard-cta,.cofre-card-year,.cofre-cta-note a{color:#FF5C93}
/* Texto com o rosa escrito direto no HTML (style="…color:var(--pink)…"): o inline vence qualquer CSS, por isso
   o !important. Casa só a propriedade "color" (no começo do style ou depois de ";"), nunca border-color nem
   background-color. */
html:not(.force-dark) [style^="color:var(--pink)"],html:not(.force-dark) [style*=";color:var(--pink)"],html:not(.force-dark) [style*="; color:var(--pink)"]{color:#C8155A!important}
@media (prefers-color-scheme: dark){html:not(.force-light) [style^="color:var(--pink)"],html:not(.force-light) [style*=";color:var(--pink)"],html:not(.force-light) [style*="; color:var(--pink)"]{color:#FF5C93!important}}
html.force-dark [style^="color:var(--pink)"],html.force-dark [style*=";color:var(--pink)"],html.force-dark [style*="; color:var(--pink)"]{color:#FF5C93!important}

/* ── 5. Página do Sócio e Minha conta (28/10, "siga" do Vilson). Só aparência; o checkout (modal com as etapas,
   o selo do cartão e os campos de pagamento) NÃO é tocado. ─────────────────────────────────────────────── */
/* Sócio (socio/index.php) */
.socio-hero-selo,.pl2-regua-t,.pl2-todos p,.sf-rot,.socio-plano-badge,.socio-plano-badge-economy{text-transform:none;letter-spacing:0}
.pl2-regua-t,.pl2-todos p{font-size:13px;color:rgba(240,234,248,.74)}
.socio-plano-badge,.socio-plano-badge-economy{font-size:12px}
/* Minha conta (minha-conta.php): etiquetas de 10–11 px em caixa alta, várias em #bbb (1,8:1) */
.mc-card-tag,.mc-bloco-secao-titulo,.mc-label,.mc-anos-grupo-label,.mc-section-divider span,.mc-qi-group-label,
.mc-nt-badge,.mc-dash-label,.mc-agf-kpi-label,.mc-fds-eyebrow,.mc-hist-table th{text-transform:none;letter-spacing:0}
.mc-card-tag,.mc-dash-label,.mc-agf-kpi-label,.mc-fds-eyebrow,.mc-hist-table th{font-size:12px}
.mc-bloco-secao-titulo,.mc-anos-grupo-label,.mc-section-divider span,.mc-qi-group-label{font-size:13px}
.mc-bloco-secao-titulo,.mc-section-divider span,.mc-hist-table th{color:var(--muted)}
/* mês abreviado no bloco de data fica em caixa alta (dado curto), só sobe de 10 para 11 px */
.mc-qi-data-mes{font-size:11px}
/* Na Minha conta o cinza claro --muted2 (#bbb, 1,8:1) é usado como TEXTO (instruções, "Membro desde", convite):
   só dentro dela ele vira #767088 (≈4,5:1). No resto do site o --muted2 segue decorativo e não muda. */
.mc-wrap{--muted2:#767088}