/* Black nas Nuvens 2026 · tema preto e rosé, aplicado por cima do site só de 27/10 a 30/11.
   Não mexe no site atual: o black/montar-black.js acrescenta este arquivo às páginas públicas na hora de publicar.
   Estratégia: trocar as cores da marca (variáveis) e cobrir os poucos fundos claros escritos direto no CSS. */
body.tema-black {
  --fundo: #0E0A0B;
  --nuvem: #171113;
  --nude: #1E1618;
  --rose: #F3B5A3;
  --rose-claro: #1A1315;
  --coral: #F3B5A3;               /* o destaque passa a ser o rosé */
  --coral-texto: #F3B5A3;         /* rosé sobre preto: ~11:1 */
  --coral-titulo: #F6C3B4;
  --coral-etiqueta-painel: #F3B5A3;
  --espresso: #F3B5A3;            /* as faixas que eram café viram faixas rosé */
  --tinta: #F7EFEB;
  --tinta-suave: #C9B6B0;
  --linha: rgba(247, 239, 235, 0.14);
  background: var(--fundo);
  color: var(--tinta);
  color-scheme: dark;
}

/* faixas que eram escuras (espresso) agora são rosé, com texto escuro */
.tema-black .painel--escuro, .tema-black .convite-parceiros { background: #F3B5A3; color: #1A1214; }
.tema-black .painel--escuro h2, .tema-black .painel--escuro p, .tema-black .convite-parceiros h2, .tema-black .convite-parceiros p { color: #1A1214; }
.tema-black .painel--escuro .sobrelinha, .tema-black .convite-parceiros .sobrelinha { color: #5A2A1E; }
.tema-black .painel--escuro h2 em, .tema-black .convite-parceiros h2 em { color: #6B2410; }
.tema-black .painel--escuro .botao--linha, .tema-black .convite-parceiros .botao--linha { color: #1A1214; border-color: rgba(26, 18, 20, 0.5); }

/* botões: rosé com texto preto */
.tema-black .botao--coral { background: #F3B5A3; color: #120D0E; }
.tema-black .botao--linha { color: var(--tinta); border-color: rgba(247, 239, 235, 0.35); background: transparent; }

/* fundos claros escritos direto no CSS do site */
.tema-black .servico, .tema-black .online__opcao, .tema-black .online__hora, .tema-black .online__calendario,
.tema-black .online__form input:not([type="checkbox"]), .tema-black .online__dia, .tema-black .online__pix,
.tema-black .online__proximo, .tema-black .area, .tema-black .ficha__cartao, .tema-black .ck__pacote,
.tema-black input, .tema-black select, .tema-black textarea { background-color: #171113; color: var(--tinta); }
.tema-black .servico.is-escolhido, .tema-black .online__hora:hover, .tema-black button.online__cal-dia:hover { background: #2A1C1F; }
.tema-black .convite-presente { background: linear-gradient(120deg, #241719 0%, var(--nuvem) 70%); }
.tema-black .gaveta { background: #120D0E; }
.tema-black .topo, .tema-black .topo.is-rolado { background: rgba(14, 10, 11, 0.9); }
.tema-black .sobre__cap { background: rgba(14, 10, 11, 0.85); color: var(--tinta); }
.tema-black .hero { background: radial-gradient(120% 90% at 50% 0%, #2A1A1D 0%, #0E0A0B 60%); }
.tema-black .hero h1 em { color: #F3B5A3; }

/* nuvens em aquarela: mais discretas sobre o preto */
.tema-black .nuvens img, .tema-black [data-profundidade] img, .tema-black .nuvem-fundo { opacity: 0.35; }

/* selos dos cartões e "Em breve" */
.tema-black .porta__selo { background: #F3B5A3; color: #120D0E; }
.tema-black .em-breve { background: #F3B5A3; color: #120D0E; }

/* faixa da Black no topo (só na página inicial e na /links) */
.faixa-black { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem 1rem; padding: 0.7rem 1rem;
  background: #F3B5A3; color: #120D0E; text-decoration: none; font-family: var(--sans); font-size: 0.85rem; text-align: center; position: relative; z-index: 60; }
.faixa-black__selo { font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; font-size: 0.75rem; }
.faixa-black__selo b { font-weight: 800; color: #6B2410; }
.faixa-black__botao { background: #120D0E; color: #F3B5A3; border-radius: 999px; padding: 0.35rem 0.9rem; font-weight: 600; white-space: nowrap; }
.faixa-black:focus-visible { outline: 3px solid #120D0E; outline-offset: -4px; }

/* textos com cor fixa escura no CSS do site (ficariam apagados no preto) */
.tema-black .em-cena__texto p, .tema-black .sobre__texto, .tema-black .sobre__lead { color: var(--tinta-suave); }
.tema-black .painel--nude h2 em, .tema-black .painel--rose h2 em { color: #F3B5A3; }
.tema-black .online__aviso { background: #2A1C1F; color: #F6C3B4; }

/* campo de nuvens do topo: sobre o preto a aquarela vira mancha; fica só um brilho rosado discreto */
.tema-black .nuvens__faixa img { opacity: 0.16; filter: saturate(0.6) brightness(1.6); }

/* página /links (estilos próprios dentro da página) */
.tema-black .links__lista a.destaque { background: #F3B5A3; border-color: #F3B5A3; color: #120D0E; }
.tema-black .links__lista a.destaque strong, .tema-black .links__lista a.destaque small, .tema-black .destaque .links__texto small { color: #120D0E; }
.tema-black .destaque .links__icone { background: rgba(18, 13, 14, 0.12); }
.tema-black .links__lista a.black { background: #F3B5A3; border-color: #F3B5A3; color: #120D0E; }
.tema-black .black .links__texto small { color: #120D0E; opacity: 0.75; }
.tema-black .black strong span { color: #6B2410; }
.tema-black h1 em, .tema-black p em { color: #F3B5A3; }
.tema-black .links__slogan em { color: #F3B5A3; }

/* logo (topo e rodapé) dentro de um círculo branco, para aparecer bem sobre o preto */
.tema-black img[src*="logo-simbolo"] { background: #FFFFFF; border-radius: 50%; padding: 4px; box-sizing: border-box; box-shadow: 0 0 0 1px rgba(243, 181, 163, 0.45); }

/* texto sobre foto (cartões de Serviços e topo da gaveta): no site normal usa a cor "nuvem" (branca), que no tema virou escura */
.tema-black .porta__rotulo, .tema-black .porta__rotulo em, .tema-black .porta__rotulo small,
.tema-black .gaveta__capa, .tema-black .gaveta__capa h2, .tema-black .gaveta__capa small, .tema-black .gaveta__capa p { color: #FFFFFF; }
/* contadores "1 na seleção" (fundo rosé): letra escura */
.tema-black .porta__marca, .tema-black .area__qtd { color: #120D0E; }

/* Etiqueta das ofertas da Black (black-ofertas.js; aparece de 27 a 30/11) */
.tema-black .tag-black { display: inline-block; margin: 6px 0 2px; padding: 4px 12px; border-radius: 999px; background: #F3B5A3; color: #1A1214; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1.35; }
.tema-black .tag-black--area { display: table; margin: 6px 0 4px; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; }