/* =========================================================================
 * tema-claro-site.css — TEMA CLARO do site e do blog (e o botão de tema)
 * Clínica Dr. Reges Jr. · pacote tema-claro-escuro (07/10/2026)
 * GERADO por config/tema-claro/gerar-site.mjs — NÃO EDITE À MÃO.
 * O escuro é o padrão: abaixo do botão, tudo vale só com <html class="tema-claro">.
 * Contrapartes de liquid-glass.css + liquid-glass-site.css + precisao-site.css: 845 declarações.
 * ========================================================================= */

/* ======================= ALTERNADOR DE TEMA (os dois temas) =======================
   Fonte: tema-claro-escuro/fonte/tema-alternador.css — copiada para o topo de
   cada tema-claro*.css e para assets/tema-claro-site.css. Vale SEMPRE (não
   depende de html.tema-claro): o botão existe nos dois temas.

   Forma: retângulo de cantos 8 px (trilho) e 6 px (cursor) — a escala de
   raios do dono (02/10/2026: "menos orgânicas e mais quadradas"); nada de
   pílula. Cores: SÓ Dourado #FFD700 e Caramelo #D4A373 no contorno, no
   cursor e nos ícones. Sol à esquerda (claro), lua à direita (escuro); o
   cursor desliza para o lado do tema ativo.
   ================================================================================== */
.tema-alternador {
  --ta-ouro: #FFD700;
  --ta-caramelo: #D4A373;
  --ta-liga: linear-gradient(135deg, #FFD700 0%, #D4A373 100%);
  --ta-largura: 60px;
  --ta-altura: 32px;
  --ta-curso: 26px;            /* lado do cursor */
  --ta-folga: 2px;             /* folga entre cursor e contorno */
  --ta-vidro: rgba(15, 15, 15, 0.75);
  --ta-tempo: 0.34s;
  --ta-curva: cubic-bezier(0.22, 1, 0.36, 1);
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  width: var(--ta-largura);
  height: var(--ta-altura);
  border-radius: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  vertical-align: middle;
}
.tema-alternador .ta-trilho {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  /* contorno na liga ouro → caramelo: fundo em border-box sob a borda transparente */
  background:
    linear-gradient(var(--ta-vidro), var(--ta-vidro)) padding-box,
    var(--ta-liga) border-box;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 215, 0, 0.10);
  transition: box-shadow 0.2s ease, background 0.2s ease;
}
.tema-alternador .ta-cursor {
  position: absolute;
  top: var(--ta-folga);
  left: var(--ta-folga);
  width: var(--ta-curso);
  height: var(--ta-curso);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.22) 0%, rgba(212, 163, 115, 0.16) 100%);
  box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 0 12px rgba(255, 215, 0, 0.28);
  transform: translateX(calc(var(--ta-largura) - var(--ta-curso) - 2 * var(--ta-folga) - 2px));
  transition: transform var(--ta-tempo) var(--ta-curva), box-shadow 0.2s ease, background 0.2s ease;
}
.tema-alternador .ta-icone {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity var(--ta-tempo) var(--ta-curva), transform var(--ta-tempo) var(--ta-curva), stroke 0.2s ease;
  pointer-events: none;
}
.tema-alternador .ta-sol { left: calc(var(--ta-folga) + (var(--ta-curso) - 16px) / 2); }
.tema-alternador .ta-lua { right: calc(var(--ta-folga) + (var(--ta-curso) - 16px) / 2); }

/* escuro (padrão): cursor na lua, lua acesa em ouro, sol apagado em caramelo */
.tema-alternador .ta-lua { stroke: var(--ta-ouro); fill: rgba(255, 215, 0, 0.16); opacity: 1; transform: rotate(0deg) scale(1); }
.tema-alternador .ta-sol { stroke: var(--ta-caramelo); opacity: 0.62; transform: rotate(-45deg) scale(0.86); }

/* claro: cursor no sol */
.tema-alternador[aria-checked="true"] .ta-cursor { transform: translateX(0); }
.tema-alternador[aria-checked="true"] .ta-sol { stroke: var(--ta-ouro); opacity: 1; transform: rotate(0deg) scale(1); }
.tema-alternador[aria-checked="true"] .ta-lua { stroke: var(--ta-caramelo); fill: none; opacity: 0.62; transform: rotate(30deg) scale(0.86); }

.tema-alternador:hover .ta-trilho { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), 0 0 0 3px rgba(255, 215, 0, 0.16); }
.tema-alternador:hover .ta-cursor { box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 0 16px rgba(255, 215, 0, 0.42); }
.tema-alternador:active .ta-cursor { transition-duration: 0.12s; }
.tema-alternador:active .ta-cursor { width: calc(var(--ta-curso) + 4px); }
.tema-alternador[aria-checked="false"]:active .ta-cursor { transform: translateX(calc(var(--ta-largura) - var(--ta-curso) - 2 * var(--ta-folga) - 6px)); }
.tema-alternador:focus-visible { outline: 2px solid var(--ta-ouro); outline-offset: 3px; }

/* ---- o botão no tema claro: vidro gelo, sombra limpa ----
   Ouro e caramelo PUROS somem no gelo (1,4:1 e 2,1:1). No claro o botão usa o
   mesmo matiz aprofundado (dono, 2ª rodada de 07/10: "adaptando tudo ao fundo
   claro"): contorno #CD9D20 → #CC9B6B (2,2:1), símbolos e anel #97720F /
   #9C6E3F (3,2:1) — os valores de scripts/lib/cor.mjs (OURO_LINHA… OURO_FORTE…). */
html.tema-claro .tema-alternador {
  --ta-vidro: rgba(250, 250, 252, 0.72);
  --ta-ouro: #97720F;
  --ta-caramelo: #9C6E3F;
  --ta-liga: linear-gradient(135deg, #CD9D20 0%, #CC9B6B 100%);
}
html.tema-claro .tema-alternador .ta-trilho {
  box-shadow: 0 4px 14px rgba(17, 17, 26, 0.12), 0 1px 3px rgba(17, 17, 26, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
html.tema-claro .tema-alternador .ta-cursor {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.42) 0%, rgba(212, 163, 115, 0.36) 100%);
  box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 2px 6px rgba(17, 17, 26, 0.16);
}
html.tema-claro .tema-alternador:hover .ta-trilho { box-shadow: 0 4px 14px rgba(17, 17, 26, 0.12), 0 0 0 3px rgba(156, 110, 63, 0.28); }
html.tema-claro .tema-alternador:hover .ta-cursor { box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 2px 10px rgba(212, 163, 115, 0.5); }
html.tema-claro .tema-alternador:focus-visible { outline-color: var(--ta-caramelo); }

/* lugar do botão e versão flutuante (página sem cabeçalho) */
[data-tema-alternador] { display: inline-flex; align-items: center; }
/* !important de propósito: o tema do site e o do ERP rebaixam todo filho do
   <body> para position: relative (.lg-ambiente > *:not(.portal-overlay)…,
   0,3,0) — sem isto o botão cairia no fim da página em vez de flutuar. */
.tema-alternador-flutuante {
  position: fixed !important;
  top: calc(12px + env(safe-area-inset-top, 0px));
  right: calc(12px + env(safe-area-inset-right, 0px));
  z-index: 2147483000 !important;
}

/* menos movimento: troca seca, sem deslizar */
@media (prefers-reduced-motion: reduce) {
  .tema-alternador .ta-cursor, .tema-alternador .ta-icone, .tema-alternador .ta-trilho { transition: none; }
}
/* "reduzir transparência": trilho opaco */
@media (prefers-reduced-transparency: reduce) {
  .tema-alternador { --ta-vidro: #0F0F0F; }
  html.tema-claro .tema-alternador { --ta-vidro: #FFFFFF; }
  .tema-alternador .ta-trilho { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media print { .tema-alternador, .tema-alternador-flutuante { display: none !important; } }

/* ---- a troca de tema ----
   Com View Transitions o navegador faz o fade entre as duas fotos da tela
   (tema.js). Sem a API, `tema-em-transicao` liga por 450 ms uma transição SÓ
   de cor em tudo — a do menu lateral (largura) volta sozinha depois. */
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
html.tema-em-transicao *, html.tema-em-transicao *::before, html.tema-em-transicao *::after {
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, fill 0.4s ease, stroke 0.4s ease, box-shadow 0.4s ease !important;
}
html.tema-claro { color-scheme: light; }

/* ---- onde o botão mora no site (os dois temas) ----
   Blog e home: 1º item de .header-actions, antes de "Agendar Avaliação" /
   "Área do Paciente". As 8 subpáginas não têm barra de navegação: o tema.js
   põe o botão flutuante (canto superior direito; o contato do WhatsApp fica
   embaixo à direita). */
/* na home o lugar é um <span> do React, sem o [data-tema-alternador] */
.header-actions > .tema-lugar { display: inline-flex; align-items: center; margin-right: 2px; }
@media (max-width: 760px) {
  .header-actions > .tema-lugar .tema-alternador { --ta-largura: 54px; --ta-altura: 30px; --ta-curso: 24px; }
}
/* celular estreito: na base os dois botões já enchem a largura (blog: 2 × ~140 px
   em 358 de miolo); o botão de tema ganha linha própria, centrada, acima deles */
@media (max-width: 480px) {
  .header-actions:has(> .tema-lugar) { flex-wrap: wrap; justify-content: center; }
  .header-actions > .tema-lugar { display: flex; flex: 0 0 100%; justify-content: center; margin: 0 0 2px; }
  /* os dois botões continuam LADO A LADO na linha de baixo (base 0: a quebra
     de linha não os separa; o texto deles quebra dentro, como antes) */
  .header-actions:has(> .tema-lugar) > :not(.tema-lugar) { flex: 1 1 0; min-width: 0; }
}

/* ======================= CONTRAPARTES GERADAS ======================= */

/* ===== assets/liquid-glass.css ===== */
:root.tema-claro:is(html) {
  --lg-ciano: #0D0D0D;
  --lg-ciano--fundo: #D3D3D3;
  --lg-ciano-fundo: #D1D1D1;
  --lg-cobalto: #CCCCCC;
  --lg-cobalto-fundo: #E0E0E0;
  --lg-ametista: #4A4A4A;
  --lg-ametista-fundo: #F5F5F5;
  --lg-abismo: #ECEDF0;
  --lg-abismo-alto: #F2F2F2;
  --lg-acento: #CBA730;
  --lg-acento--bordaforte: #997118;
  --lg-acento--texto: #715613;
  --lg-acento-claro: #715613;
  --lg-acento-claro--sombra: rgba(243, 229, 171, 0.5);
  --lg-acento-claro--fundo: #F3E5AB;
  --lg-acento-fundo: #AA8A2A;
  --lg-tinta: #1A1A1A;
  --lg-tinta--fundo: #E4E7EC;
  --lg-tinta-media: #383B41;
  --lg-tinta-fraca: #464950;
  --lg-vidro-fino: linear-gradient(145deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.013) 42%,
                    rgba(0, 0, 0, 0.029) 78%, rgba(0, 0, 0, 0.014));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.067), rgba(0, 0, 0, 0.019) 38%,
                    rgba(0, 0, 0, 0.029) 62%, rgba(0, 0, 0, 0.046) 82%,
                    rgba(0, 0, 0, 0.021));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.776), rgba(250, 250, 252, 0.86) 45%,
                    rgba(250, 250, 252, 0.902)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.042), rgba(0, 0, 0, 0.008) 50%,
                    rgba(0, 0, 0, 0.016));
  --lg-rim: rgba(0, 0, 0, 0.121);
  --lg-rim-forte: rgba(0, 0, 0, 0.52);
  --lg-rim-forte--bordaforte: rgba(0, 0, 0, 0.52);
  --lg-rim-forte--fundo: rgba(255, 255, 255, 0.42);
  --lg-rim-fria: rgba(0, 0, 0, 0.187);
  --lg-rim-fria--bordaforte: rgba(0, 0, 0, 0.52);
  --lg-rim-fria--fundo: rgba(0, 0, 0, 0.143);
  --lg-rim-quente: #CF9C2A;
  --lg-sombra-1: 0 1px 2px rgba(17, 17, 26, 0.114),
    0 8px 24px -8px rgba(17, 17, 26, 0.15);
  --lg-sombra-2: 0 2px 6px rgba(17, 17, 26, 0.129),
    0 18px 48px -14px rgba(17, 17, 26, 0.12),
    0 0 60px -20px rgba(138, 138, 138, 0.35);
  --lg-sombra-3: 0 4px 10px rgba(17, 17, 26, 0.144),
    0 34px 90px -22px rgba(17, 17, 26, 0.09),
    0 0 110px -30px rgba(17, 17, 26, 0.09);
  --lg-interno: inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -24px 48px -30px rgba(17, 17, 26, 0.16);
}
html.tema-claro .lg-tema-ouro {
  --lg-ciano: #715613;
  --lg-ciano--fundo: #F3E5AB;
  --lg-ciano-fundo: #CBA730;
  --lg-cobalto: #CBA730;
  --lg-cobalto-fundo: #AA8A2A;
  --lg-ametista: #715613;
  --lg-ametista-fundo: #8A6F20;
  --lg-abismo: #F1EFF5;
  --lg-abismo-alto: #F4F2EC;
  --lg-tinta: #1A1A1A;
  --lg-tinta--fundo: #E4E2DC;
  --lg-tinta-media: #3B3932;
  --lg-tinta-fraca: #4C4942;
  --lg-rim-fria: #BAA26D;
  --lg-rim-fria--bordaforte: #8C7541;
  --lg-rim-fria--fundo: rgba(243, 229, 171, 0.34);
  --lg-vidro-fino: linear-gradient(145deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.013) 42%,
                    rgba(203, 167, 48, 0.09) 78%, rgba(170, 138, 42, 0.1));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.071), rgba(0, 0, 0, 0.021) 38%,
                    rgba(243, 229, 171, 0.07) 62%, rgba(203, 167, 48, 0.12) 82%,
                    rgba(170, 138, 42, 0.14));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.818), rgba(250, 250, 252, 0.902) 45%,
                    rgba(250, 250, 252, 0.94)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.042), rgba(0, 0, 0, 0.008) 50%,
                    rgba(203, 167, 48, 0.11));
  --lg-interno: inset 0 1px 0 rgba(255, 250, 235, 0.38),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -24px 48px -30px rgba(203, 167, 48, 0.225);
}
html.tema-claro .lg-ambiente {
  background-color: var(--lg-abismo);
  color: var(--lg-tinta);
}
html.tema-claro .lg-ambiente::before {
  background: radial-gradient(38% 42% at 16% 20%, rgba(0, 0, 0, 0.126), transparent 62%),
    radial-gradient(40% 36% at 84% 26%, rgba(250, 250, 252, 0.39), transparent 64%),
    radial-gradient(48% 44% at 52% 86%, rgba(0, 0, 0, 0.134), transparent 66%),
    radial-gradient(30% 30% at 78% 68%, rgba(0, 0, 0, 0.076), transparent 60%);
  filter: blur(70px) saturate(150%);
}
html.tema-claro .lg-ambiente::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
html.tema-claro .lg-vidro {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.409);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-2), var(--lg-interno);
  color: var(--lg-tinta);
}
html.tema-claro .lg-vidro::before {
  background: linear-gradient(142deg,
      rgba(255, 255, 255, 0.52) 0%,
      rgba(0, 0, 0, 0.059) 12%,
      transparent 32%),
    radial-gradient(72% 46% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(0, 0, 0, 0.126), transparent 60%);
}
html.tema-claro .lg-vidro::after {
  background: conic-gradient(from 210deg,
    var(--lg-rim-forte--fundo) 0deg,
    var(--lg-rim-fria--fundo) 60deg,
    rgba(0, 0, 0, 0.021) 140deg,
    rgba(250, 250, 252, 0.396) 220deg,
    rgba(0, 0, 0, 0.025) 300deg,
    var(--lg-rim-forte--fundo) 360deg);
}
html.tema-claro .lg-vidro.lg-fino {
  background-image: var(--lg-vidro-fino);
  box-shadow: var(--lg-sombra-1), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .lg-vidro.lg-denso {
  background-image: var(--lg-vidro-denso);
  background-color: transparent;
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
}
html.tema-claro .lg-plano {
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: var(--lg-tinta);
}
html.tema-claro .lg-elevavel:hover,
html.tema-claro .lg-elevavel:focus-visible {
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
  border-color: var(--lg-rim-forte--bordaforte);
}
html.tema-claro .lg-brilho::after {
  background: linear-gradient(96deg,
    transparent, rgba(0, 0, 0, 0.143) 46%, rgba(255, 255, 255, 0.62) 50%,
    rgba(0, 0, 0, 0.143) 54%, transparent);
}
html.tema-claro .lg-titulo {
  color: var(--lg-tinta);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.275);
}
html.tema-claro .lg-titulo-gravado {
  background: linear-gradient(150deg, var(--lg-tinta) 0%, var(--lg-ciano) 45%,
                              var(--lg-ametista) 100%);
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 2px 6px rgba(138, 138, 138, 0.35));
}
html.tema-claro .lg-rotulo {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .lg-glifo {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(0, 0, 0, 0.021);
  border: 1px solid var(--lg-rim);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.4),
    inset 0 -6px 14px -6px rgba(17, 17, 26, 0.16),
    0 6px 18px -6px rgba(17, 17, 26, 0.15);
}
html.tema-claro .lg-glifo-gravado {
  filter: grayscale(1) brightness(1.5) contrast(0.86)
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55))
    drop-shadow(0 -1px 0 rgba(17, 17, 26, 0.171))
    drop-shadow(0 4px 8px rgba(138, 138, 138, 0.45));
}
html.tema-claro .lg-svg-vidro {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.3))
    drop-shadow(0 6px 14px rgba(17, 17, 26, 0.209));
}
html.tema-claro .lg-botao {
  color: var(--lg-tinta);
  border: 1px solid var(--lg-rim-forte--bordaforte);
  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.084), rgba(0, 0, 0, 0.021) 45%,
                    rgba(0, 0, 0, 0.118) 78%, rgba(250, 250, 252, 0.409));
  background-color: rgba(250, 250, 252, 0.396);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -8px 16px -10px rgba(17, 17, 26, 0.16),
    var(--lg-sombra-1);
}
html.tema-claro .lg-botao:hover {
  border-color: rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -10px 20px -10px rgba(17, 17, 26, 0.16),
    var(--lg-sombra-2);
}
html.tema-claro .lg-botao-acento {
  color: #0A0A0A;
  border-color: #8C7541;
  background-image: linear-gradient(150deg, var(--lg-acento-claro--fundo), var(--lg-acento) 48%,
                    var(--lg-acento-fundo));
  background-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -8px 16px -10px rgba(120, 90, 10, 0.55),
    0 8px 26px -8px rgba(203, 167, 48, 0.275);
}
html.tema-claro .lg-botao-acento:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 12px 34px -8px rgba(203, 167, 48, 0.35);
}
html.tema-claro .lg-campo {
  color: var(--lg-tinta);
  background-color: rgba(250, 250, 252, 0.434);
  background-image: linear-gradient(180deg, rgba(250, 250, 252, 0.412), rgba(0, 0, 0, 0.021));
  border: 1px solid rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
html.tema-claro .lg-campo::placeholder {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .lg-campo:focus {
  outline: none;
  border-color: var(--lg-rim-fria--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(224, 224, 224, 0.22),
    0 0 24px -4px rgba(224, 224, 224, 0.45);
}
html.tema-claro .lg-ambiente :focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(224, 224, 224, 0.3), 0 0 22px -4px rgba(224, 224, 224, 0.55);
}
html.tema-claro .lg-chip {
  color: var(--lg-tinta);
  border: 1px solid rgba(0, 0, 0, 0.52);
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.021);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .lg-chip-ciano {
  border-color: rgba(0, 0, 0, 0.52);
  color: #0F4C53;
  background-color: rgba(0, 0, 0, 0.05);
}
html.tema-claro .lg-chip-cobalto {
  border-color: rgba(0, 0, 0, 0.52);
  color: #354370;
  background-color: rgba(0, 0, 0, 0.063);
}
html.tema-claro .lg-chip-ametista {
  border-color: rgba(0, 0, 0, 0.52);
  color: #553871;
  background-color: rgba(0, 0, 0, 0.022);
}
html.tema-claro .lg-chip-acento {
  border-color: #997118;
  color: var(--lg-acento-claro);
  background-color: rgba(203, 167, 48, 0.14);
}
html.tema-claro .lg-membrana {
  background: var(--lg-vidro-medio);
}
html.tema-claro .lg-refracao-svg .lg-membrana,
html.tema-claro.lg-refracao-svg .lg-membrana {
  filter: url("#lg-membrana");
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-botao {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-vidro.lg-denso {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-campo {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
html.tema-claro .lg-vidro {
  border-color: var(--lg-rim-forte);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-plano,
html.tema-claro .lg-botao,
html.tema-claro .lg-glifo {
  background-image: none;
  background-color: #F1F1F1;
  border-color: rgba(0, 0, 0, 0.52);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .lg-botao-acento {
  background-color: var(--lg-acento);
  color: #0A0A0A;
}
}
@media (forced-colors: active) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-plano,
html.tema-claro .lg-botao,
html.tema-claro .lg-chip,
html.tema-claro .lg-glifo {
  background: Canvas;
  border: 1px solid CanvasText;
  box-shadow: none;
}
}

/* ===== assets/liquid-glass-site.css ===== */
:root.tema-claro:is(html) {
  --rj-ouro: #715613;
  --rj-ouro--bordaforte: #97720F;
  --rj-ouro--borda: #CD9D20;
  --rj-ouro--fundo: #FFD700;
  --rj-caramelo: #7C5020;
  --rj-caramelo--borda: #CC9B6B;
  --rj-caramelo--fundo: #D4A373;
  --rj-ouro-quente: #F2C230;
  --rj-mel: #715613;
  --rj-mel--fundo: #E9BD39;
  --rj-caramelo-fundo: #8A6A45;
  --rj-creme: #000000;
  --rj-creme--sombra: #F8E9C4;
  --rj-creme--fundo: #F8E9C4;
  --preto-fundo: #ECEDF0;
  --preto-fundo--texto: #000000;
  --preto-card: rgba(250, 250, 252, 0.409);
  --texto-claro: var(--rj-creme);
  --texto-mutado: #7C5020;
  --dourado: var(--rj-ouro);
  --dourado--borda: var(--rj-ouro--borda);
  --dourado--bordaforte: var(--rj-ouro--bordaforte);
  --dourado--fundo: var(--rj-ouro--fundo);
  --dourado-claro: #FFE9A3;
  --dourado-claro--texto: #715613;
  --dourado-escuro: var(--rj-caramelo);
  --dourado-escuro--borda: var(--rj-caramelo--borda);
  --dourado-escuro--fundo: var(--rj-caramelo--fundo);
  --lg-ciano: var(--rj-ouro);
  --lg-ciano--fundo: var(--rj-ouro--fundo);
  --lg-ciano-fundo: var(--rj-ouro-quente);
  --lg-cobalto: var(--rj-mel--fundo);
  --lg-cobalto-fundo: #B8862F;
  --lg-ametista: var(--rj-caramelo);
  --lg-ametista-fundo: var(--rj-caramelo-fundo);
  --lg-abismo: #ECEDF0;
  --lg-abismo-alto: #F3F0EB;
  --lg-acento: var(--rj-ouro--fundo);
  --lg-acento--bordaforte: var(--rj-ouro--bordaforte);
  --lg-acento--texto: var(--rj-ouro);
  --lg-acento-claro: var(--rj-creme);
  --lg-acento-claro--sombra: var(--rj-creme--sombra);
  --lg-acento-claro--fundo: var(--rj-creme--fundo);
  --lg-acento-fundo: var(--rj-caramelo--fundo);
  --lg-tinta: var(--rj-creme);
  --lg-tinta--fundo: var(--rj-creme--fundo);
  --lg-tinta-media: #715613;
  --lg-tinta-fraca: #7C5020;
  --lg-vidro-fino: linear-gradient(145deg, rgba(0, 0, 0, 0.059), rgba(255, 231, 170, 0.05) 42%,
                    rgba(255, 215, 0, 0.07) 78%, rgba(212, 163, 115, 0.1));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.071), rgba(255, 237, 190, 0.06) 38%,
                    rgba(255, 215, 0, 0.08) 62%, rgba(233, 189, 57, 0.12) 82%,
                    rgba(212, 163, 115, 0.15));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.818), rgba(250, 250, 252, 0.881) 45%,
                    rgba(250, 250, 252, 0.923)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.046), rgba(255, 215, 0, 0.03) 50%,
                    rgba(212, 163, 115, 0.12));
  --lg-rim: #F1C04E;
  --lg-rim-forte: #927333;
  --lg-rim-forte--bordaforte: #927333;
  --lg-rim-forte--fundo: rgba(255, 233, 163, 0.52);
  --lg-rim-fria: #CC9B6B;
  --lg-rim-fria--bordaforte: #9C6E3F;
  --lg-rim-fria--fundo: rgba(212, 163, 115, 0.42);
  --lg-rim-quente: #CD9D20;
  --lg-sombra-1: 0 1px 2px rgba(17, 17, 26, 0.16),
    0 8px 24px -8px rgba(17, 17, 26, 0.15),
    0 0 34px -16px rgba(255, 215, 0, 0.11);
  --lg-sombra-2: 0 2px 6px rgba(17, 17, 26, 0.18),
    0 18px 48px -14px rgba(17, 17, 26, 0.12),
    0 0 70px -22px rgba(255, 215, 0, 0.15),
    0 0 110px -34px rgba(212, 163, 115, 0.17);
  --lg-sombra-3: 0 4px 10px rgba(17, 17, 26, 0.18),
    0 34px 90px -22px rgba(17, 17, 26, 0.09),
    0 0 120px -28px rgba(255, 215, 0, 0.19),
    0 0 180px -40px rgba(212, 163, 115, 0.2);
  --lg-interno: inset 0 1px 0 rgba(255, 248, 220, 0.42),
    inset 0 -1px 0 rgba(255, 215, 0, 0.05),
    inset 0 -28px 56px -32px rgba(212, 163, 115, 0.26);
}
html.tema-claro body {
  background-color: var(--lg-abismo);
  color: var(--lg-tinta);
}
html.tema-claro body {
  background-image: none;
}
html.tema-claro body::before {
  background: radial-gradient(38% 42% at 16% 20%, rgba(255, 215, 0, 0.3), transparent 62%),
    radial-gradient(40% 36% at 84% 26%, rgba(212, 163, 115, 0.28), transparent 64%),
    radial-gradient(48% 44% at 52% 86%, rgba(233, 189, 57, 0.32), transparent 66%),
    radial-gradient(30% 30% at 78% 68%, rgba(255, 215, 0, 0.18), transparent 60%);
  filter: blur(70px) saturate(150%);
}
html.tema-claro body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
html.tema-claro header {
  background-color: rgba(250, 250, 252, 0.566);
  background-image: linear-gradient(160deg, rgba(0, 0, 0, 0.042), rgba(0, 0, 0, 0.008) 40%,
                    rgba(233, 189, 57, 0.1) 75%, rgba(212, 163, 115, 0.12));
  border-bottom: 1px solid #F1C04E;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -18px 36px -30px rgba(212, 163, 115, 0.3),
    0 18px 48px -18px rgba(17, 17, 26, 0.12);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro header {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro header {
  background-color: rgba(250, 250, 252, 0.94);
  background-image: none;
}
}
html.tema-claro header:has(.marca) {
  border-bottom-color: #F1C04E;
}
html.tema-claro:is(html).lg-topo header:has(.marca) {
  background-color: rgba(250, 250, 252, 0.396);
  background-image: none;
  border-bottom-color: transparent;
  box-shadow: none;
}
html.tema-claro .marca-brasao,
html.tema-claro .marca-topo img,
html.tema-claro .portal-brasao {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.28))
    drop-shadow(0 6px 16px rgba(255, 215, 0, 0.2));
}
html.tema-claro .marca:hover .marca-brasao,
html.tema-claro .marca-topo:hover img {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4))
    drop-shadow(0 10px 26px rgba(255, 215, 0, 0.3));
}
html.tema-claro .logo span {
  color: var(--lg-tinta-fraca);
}
html.tema-claro nav ul li a {
  border: 1px solid transparent;
}
html.tema-claro nav ul li a:hover {
  color: var(--lg-acento-claro);
  border-color: #F1C04E;
  background-color: rgba(0, 0, 0, 0.029);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro .marca-topo strong {
  color: var(--lg-acento-claro);
}
html.tema-claro .btn-gold,
html.tema-claro .btn-back {
  border: 1px solid #927333;
  background: linear-gradient(150deg, var(--dourado-claro, #FFE9A3),
                              var(--dourado--fundo) 48%, var(--dourado-escuro--fundo));
  color: #000000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -10px 18px -12px rgba(120, 88, 48, 0.6),
    0 10px 28px -10px rgba(255, 215, 0, 0.275);
}
html.tema-claro .btn-gold:hover,
html.tema-claro .btn-back:hover {
  background: linear-gradient(150deg, #EBE9E3, var(--dourado-claro, #FFE9A3) 45%,
                              var(--dourado--fundo));
  color: #000000;
  border-color: #97720F;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 16px 40px -10px rgba(255, 215, 0, 0.35);
}
html.tema-claro .btn-outline,
html.tema-claro .btn-secondary,
html.tema-claro .link-secondary,
html.tema-claro .portal-sair,
html.tema-claro .btn-mini,
html.tema-claro .voltar {
  border: 1px solid #97720F;
  background-color: rgba(0, 0, 0, 0.021);
  background-image: var(--lg-vidro-fino);
  color: var(--lg-tinta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro .btn-outline:hover,
html.tema-claro .btn-secondary:hover,
html.tema-claro .link-secondary:hover,
html.tema-claro .portal-sair:hover,
html.tema-claro .btn-mini:hover,
html.tema-claro .voltar:hover {
  background-color: rgba(0, 0, 0, 0.046);
  border-color: #97720F;
  color: var(--lg-acento-claro);
}
html.tema-claro .btn-mini.perigo {
  border-color: #C25556;
  color: #762C31;
}
html.tema-claro .btn-mini.perigo:hover {
  background-color: rgba(248, 113, 113, 0.16);
  border-color: #C25556;
  color: #1E1616;
}
@media (min-width: 993px) {
html.tema-claro body > .hero {
  background-color: var(--lg-abismo);
}
}
@media (min-width: 993px) {
html.tema-claro body > .hero::before {
  background: linear-gradient(to bottom,
        transparent 72%,
        rgba(250, 250, 252, 0.216) 90%,
        var(--lg-abismo) 100%),
      linear-gradient(to right,
        rgba(250, 250, 252, 0.21) 0%,
        rgba(250, 250, 252, 0.156) 42%,
        rgba(250, 250, 252, 0.12) 100%);
}
}
html.tema-claro .hero-retrato {
  border: 1px solid #F1C04E;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24),
    var(--lg-sombra-3);
}
html.tema-claro .hero-content {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.396);
  border: 1px solid #F1C04E;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32),
    var(--lg-sombra-3);
}
html.tema-claro .hero-content h1 {
  color: var(--lg-tinta);
  text-shadow: 0 2px 12px rgba(255, 255, 255, 0.375);
}
html.tema-claro .hero-content p {
  color: var(--lg-tinta-media);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .hero-content {
  background-color: rgba(250, 250, 252, 0.94);
}
}
html.tema-claro .services,
html.tema-claro .about,
html.tema-claro .depoimentos,
html.tema-claro footer {
  background-color: transparent;
  border-top-color: #F1C04E;
}
html.tema-claro .service-card p,
html.tema-claro .highlight,
html.tema-claro .small-note,
html.tema-claro .portal-vazio {
  color: var(--lg-tinta-media);
}
html.tema-claro .section-header p {
  color: var(--lg-tinta-media);
}
html.tema-claro .service-card,
html.tema-claro .depoimento-card,
html.tema-claro .profile-card,
html.tema-claro .card,
html.tema-claro .sidebar-card,
html.tema-claro .form-card,
html.tema-claro .metrica-card,
html.tema-claro .agendamento-card,
html.tema-claro .image-card,
html.tema-claro .card-artigo {
  background-color: rgba(250, 250, 252, 0.402);
  background-image: var(--lg-vidro-medio);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-2), var(--lg-interno);
  color: var(--lg-tinta);
}
html.tema-claro .service-card::before,
html.tema-claro .depoimento-card::before,
html.tema-claro .profile-card::before,
html.tema-claro .card-artigo::before,
html.tema-claro .metrica-card::before,
html.tema-claro .agendamento-card::before {
  background: linear-gradient(142deg,
      rgba(255, 255, 255, 0.48) 0%,
      rgba(0, 0, 0, 0.05) 12%,
      transparent 32%),
    radial-gradient(70% 44% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(0, 0, 0, 0.109), transparent 60%);
}
html.tema-claro .service-card:hover,
html.tema-claro .depoimento-card:hover,
html.tema-claro .profile-card:hover,
html.tema-claro .card-artigo:hover,
html.tema-claro .service-link:hover .service-card {
  border-color: var(--lg-rim-forte);
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
}
html.tema-claro .icon-gold {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(0, 0, 0, 0.021);
  border: 1px solid var(--lg-rim);
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.42),
    inset 0 -8px 18px -8px rgba(212, 163, 115, 0.275),
    0 8px 22px -8px rgba(17, 17, 26, 0.15);
  filter: grayscale(1) brightness(1.5) contrast(0.86)
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55))
    drop-shadow(0 -1px 0 rgba(17, 17, 26, 0.171))
    drop-shadow(0 4px 8px rgba(233, 189, 57, 0.225));
}
html.tema-claro .about-image img {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 30px 70px -24px rgba(17, 17, 26, 0.09),
    0 0 90px -30px rgba(233, 189, 57, 0.275);
  filter: grayscale(45%) contrast(1.08) saturate(1.15);
}
html.tema-claro .about-image img:hover {
  filter: grayscale(0%) contrast(1) saturate(1.2);
}
html.tema-claro .profile-avatar {
  background: radial-gradient(circle at 50% 32%, rgba(233, 189, 57, 0.28), transparent 62%),
    radial-gradient(circle at 70% 78%, rgba(212, 163, 115, 0.24), transparent 60%),
    rgba(250, 250, 252, 0.476);
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .profile-avatar span {
  background: linear-gradient(140deg, var(--dourado-claro--texto, #FFE9A3),
                              var(--dourado) 48%, var(--dourado-escuro));
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 3px 10px rgba(255, 215, 0, 0.225));
}
html.tema-claro .profile-name {
  color: var(--lg-acento-claro);
}
html.tema-claro .profile-role {
  color: var(--lg-tinta);
}
html.tema-claro .profile-desc {
  color: var(--lg-tinta-media);
}
html.tema-claro .depoimento-video {
  background-color: rgba(250, 250, 252, 0.492);
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .depoimento-poster {
  filter: saturate(0.68) brightness(1.04);
}
html.tema-claro .midia-pendente {
  color: var(--lg-tinta);
  border: 1px solid #CD9D20;
  background-color: rgba(250, 250, 252, 0.476);
  background-image: var(--lg-vidro-fino);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 8px 22px -8px rgba(17, 17, 26, 0.15);
}
html.tema-claro .btn-embreve {
  filter: saturate(0.55);
}
html.tema-claro .btn-embreve:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro .depoimento-info p {
  color: var(--lg-tinta-media);
}
html.tema-claro .depoimento-autor {
  color: var(--lg-acento-claro);
}
html.tema-claro .depoimento-autor small {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .estrelas,
html.tema-claro .avaliacao-estrelas {
  color: var(--dourado);
  filter: drop-shadow(0 2px 6px rgba(255, 215, 0, 0.225));
}
html.tema-claro footer {
  border-top: 1px solid #F1C04E;
}
html.tema-claro .footer-info {
  color: var(--lg-tinta-media);
}
html.tema-claro .footer-info span {
  color: var(--lg-acento-claro);
}
html.tema-claro .footer-social a {
  border: 1px solid #F1C04E;
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.021);
  color: var(--lg-acento-claro);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 6px 16px -6px rgba(17, 17, 26, 0.15);
}
html.tema-claro .footer-social a:hover {
  background-color: rgba(255, 215, 0, 0.22);
  color: #1A1A1A;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 12px 28px -8px rgba(255, 215, 0, 0.275);
}
html.tema-claro .copyright,
html.tema-claro .assinatura-autoria,
html.tema-claro .rodape-assinatura {
  color: var(--lg-tinta-fraca);
  border-top-color: #F1C04E;
}
html.tema-claro .rodape-marca img {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.28))
    drop-shadow(0 6px 16px rgba(255, 215, 0, 0.2));
}
html.tema-claro .rodape-marca .footer-logo {
  color: var(--lg-acento--texto);
}
html.tema-claro .avatar-ia-flutuante {
  border: 1px solid #CD9D20;
  background: linear-gradient(150deg, rgba(0, 0, 0, 0.092), rgba(0, 0, 0, 0.025) 40%,
                    rgba(233, 189, 57, 0.55) 74%, rgba(212, 163, 115, 0.62));
  color: var(--lg-tinta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -12px 26px -14px rgba(212, 163, 115, 0.4),
    0 16px 44px -12px rgba(17, 17, 26, 0.12);
}
html.tema-claro .avatar-ia-flutuante:hover {
  color: #1A1A1A;
}
html.tema-claro .avatar-ia-flutuante .icone-ia {
  filter: grayscale(1) brightness(1.6)
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55))
    drop-shadow(0 3px 8px rgba(233, 189, 57, 0.3));
}
html.tema-claro .avatar-ia-flutuante .texto-ia small {
  color: var(--lg-tinta-media);
}
html.tema-claro .portal-overlay {
  background: radial-gradient(120% 90% at 50% 0%,
              rgba(28, 26, 24, 0.333), rgba(28, 26, 24, 0.376));
}
html.tema-claro .portal-box {
  border: 1px solid var(--lg-rim);
  background-color: transparent;
  background-image: var(--lg-vidro-denso);
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
}
html.tema-claro .portal-header {
  border-bottom: 1px solid #F1C04E;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.029), transparent);
}
html.tema-claro .portal-header h2 {
  color: var(--lg-tinta);
}
html.tema-claro .portal-header p {
  color: var(--lg-tinta-media);
}
html.tema-claro .portal-fechar {
  border: 1px solid #97720F;
  background: rgba(0, 0, 0, 0.025);
  color: var(--lg-tinta-media);
}
html.tema-claro .portal-fechar:hover {
  background: rgba(0, 0, 0, 0.059);
  border-color: #97720F;
  color: var(--lg-tinta);
}
html.tema-claro .portal-form label,
html.tema-claro .campo-rotulo,
html.tema-claro .form-group label,
html.tema-claro .field-group label {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .portal-form input,
html.tema-claro .portal-form select,
html.tema-claro .portal-form textarea,
html.tema-claro .form-group input,
html.tema-claro .form-group select,
html.tema-claro .form-group textarea,
html.tema-claro .field-group input,
html.tema-claro .field-group select,
html.tema-claro .field-group textarea,
html.tema-claro input[type="text"],
html.tema-claro input[type="email"],
html.tema-claro input[type="tel"],
html.tema-claro input[type="date"],
html.tema-claro input[type="password"],
html.tema-claro select,
html.tema-claro textarea {
  color: var(--lg-tinta);
  background-color: rgba(250, 250, 252, 0.444);
  background-image: linear-gradient(180deg, rgba(250, 250, 252, 0.402), rgba(0, 0, 0, 0.021));
  border: 1px solid #97720F;
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
}
html.tema-claro .portal-form input:focus,
html.tema-claro .portal-form select:focus,
html.tema-claro .portal-form textarea:focus,
html.tema-claro .form-group input:focus,
html.tema-claro .form-group select:focus,
html.tema-claro .form-group textarea:focus,
html.tema-claro .field-group input:focus,
html.tema-claro .field-group select:focus,
html.tema-claro .field-group textarea:focus,
html.tema-claro input:focus,
html.tema-claro select:focus,
html.tema-claro textarea:focus {
  outline: none;
  border-color: var(--lg-rim-fria--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(255, 215, 0, 0.11),
    0 0 26px -4px rgba(255, 215, 0, 0.225);
}
html.tema-claro ::placeholder,
html.tema-claro::placeholder {
  color: var(--lg-tinta-fraca);
}
html.tema-claro select option {
  background-color: #ECEDF0;
  color: var(--lg-tinta);
}
html.tema-claro input[type="date"]::-webkit-calendar-picker-indicator,
html.tema-claro input[type="time"]::-webkit-calendar-picker-indicator,
html.tema-claro input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(0) brightness(1);
}
html.tema-claro input[type="file"] {
  color: var(--lg-tinta-media);
}
html.tema-claro input[type="file"]::file-selector-button {
  color: var(--lg-tinta);
  border: 1px solid #97720F;
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro input[type="file"]::file-selector-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: #97720F;
  color: var(--lg-acento-claro);
}
html.tema-claro .portal-tabs {
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .portal-tab {
  color: var(--lg-tinta-fraca);
  border-bottom: none;
  border: 1px solid transparent;
}
html.tema-claro .portal-tab:hover {
  color: var(--lg-tinta);
  background-color: rgba(0, 0, 0, 0.025);
}
html.tema-claro .portal-tab.ativa {
  color: var(--lg-acento-claro);
  border-color: #97720F;
  border-bottom-color: transparent;
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.034);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .agendamento-card {
  border-left: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-1), var(--lg-interno),
              inset 6px 0 18px -12px rgba(255, 215, 0, 0.45);
}
html.tema-claro .agendamento-card h4 {
  color: var(--lg-acento-claro);
}
html.tema-claro .agendamento-card .data {
  color: var(--lg-tinta-media);
}
html.tema-claro .status-badge {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro .status-confirmado {
  background: rgba(255, 215, 0, 0.18);
  color: #715613;
  border: 1px solid #CD9D20;
}
html.tema-claro .status-pendente {
  background: rgba(255, 215, 0, 0.18);
  color: var(--dourado-claro--texto, #715613);
  border: 1px solid #CD9D20;
}
html.tema-claro .status-cancelado {
  background: rgba(248, 113, 113, 0.16);
  color: #762C31;
  border: 1px solid #F58381;
}
html.tema-claro .status-realizado {
  background: rgba(212, 163, 115, 0.16);
  color: #7C5020;
  border: 1px solid #CC9B6B;
}
html.tema-claro .metrica-card .valor {
  background: linear-gradient(140deg, var(--lg-tinta), var(--lg-ciano) 55%,
                              var(--lg-ametista));
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 8px rgba(233, 189, 57, 0.225));
}
html.tema-claro .metrica-card .rotulo {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .variacao.positiva {
  color: #715613;
}
html.tema-claro .variacao.negativa {
  color: #762C31;
}
html.tema-claro .timeline::before {
  background: linear-gradient(180deg,
              rgba(255, 215, 0, 0.55), rgba(233, 189, 57, 0.45) 50%,
              rgba(212, 163, 115, 0.4));
}
html.tema-claro .timeline-item::before {
  background: radial-gradient(circle at 32% 28%, #F2F2F2, var(--lg-ciano--fundo) 42%,
                              var(--lg-cobalto-fundo));
  box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.08),
    0 0 14px 2px rgba(255, 215, 0, 0.275);
}
html.tema-claro .timeline-item .t-data {
  color: var(--lg-ciano);
}
html.tema-claro .timeline-item h4 {
  color: var(--lg-tinta);
}
html.tema-claro .timeline-item p {
  color: var(--lg-tinta-media);
}
html.tema-claro .portal-secao-titulo {
  color: var(--lg-acento-claro);
}
html.tema-claro .badge,
html.tema-claro .selo-moderacao,
html.tema-claro .tagline {
  border: 1px solid #CD9D20;
  background: rgba(255, 215, 0, 0.14);
  color: var(--lg-acento-claro);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
html.tema-claro .notice,
html.tema-claro .aviso-medico,
html.tema-claro .aviso-moderacao {
  border: 1px solid #F1C04E;
  background-color: rgba(255, 215, 0, 0.09);
  background-image: var(--lg-vidro-fino);
  color: var(--lg-tinta-media);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
html.tema-claro .section li::before {
  color: var(--lg-ciano);
}
html.tema-claro .section p {
  color: var(--lg-tinta-media);
}
html.tema-claro .sidebar-card p,
html.tema-claro .sidebar-card li {
  color: var(--lg-tinta-media);
}
html.tema-claro .sidebar-card h3 {
  color: var(--lg-acento-claro);
}
html.tema-claro .page-header,
html.tema-claro .header,
html.tema-claro .blog-hero,
html.tema-claro .form-footer {
  color: var(--lg-tinta);
}
html.tema-claro .erro-form {
  color: #762C31;
}
html.tema-claro .jornada {
  --jornada-veu: rgba(250, 250, 252, 0.511);
  --jornada-rim: #CC9B6B;
  --jornada-fio-topo: inset 0 1px 0 rgba(255, 233, 163, 0.17);
  --jornada-fio-base: inset 0 -1px 0 rgba(212, 163, 115, 0.1);
  --jornada-sombra: 0 10px 30px rgba(17, 17, 26, 0.12);
  --jornada-dourado: var(--dourado, #715613);
  --jornada-dourado-claro: var(--dourado-claro, #FFE9A3);
  --jornada-dourado-claro--texto: var(--dourado-claro--texto, #715613);
  --jornada-dourado-fundo: var(--dourado-escuro, #7C5020);
  --jornada-gelo: #221F19;
}
html.tema-claro .jornada .page-header-jornada,
html.tema-claro .jornada .form-card {
  background-color: var(--jornada-veu);
  background-image: var(--lg-vidro-medio);
  border: 1px solid var(--jornada-rim);
  box-shadow: var(--jornada-sombra), var(--jornada-fio-topo), var(--jornada-fio-base);
}
html.tema-claro .jornada .page-header-jornada::before {
  background: linear-gradient(142deg,
      rgba(0, 0, 0, 0.143) 0%,
      rgba(0, 0, 0, 0.034) 14%,
      transparent 34%),
    radial-gradient(72% 46% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(0, 0, 0, 0.076), transparent 62%);
}
html.tema-claro .jornada .page-header-jornada h1 {
  color: var(--jornada-dourado);
}
html.tema-claro .jornada .page-header-jornada h1::before {
  background: linear-gradient(90deg,
              transparent, rgba(255, 233, 163, 0.7) 40%,
              rgba(212, 163, 115, 0.6) 70%, transparent);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
html.tema-claro .jornada .page-header-jornada h1 {
  background-image: linear-gradient(115deg, var(--jornada-dourado-claro--texto),
                                      var(--jornada-dourado) 46%,
                                      var(--jornada-dourado-fundo));
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 11px rgba(255, 215, 0, 0.13));
}
}
html.tema-claro .jornada .page-header-jornada p {
  color: var(--jornada-gelo);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .jornada .page-header-jornada,
html.tema-claro .jornada .form-card {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .jornada .page-header-jornada,
html.tema-claro .jornada .form-card {
  background-color: rgba(250, 250, 252, 0.94);
  background-image: none;
}
}
html.tema-claro .card-resumo,
html.tema-claro .card-meta,
html.tema-claro .artigo-meta,
html.tema-claro .comentario-texto,
html.tema-claro .comentario-data,
html.tema-claro .artigo-conteudo p,
html.tema-claro .sub {
  color: var(--lg-tinta-media);
}
html.tema-claro .card-titulo,
html.tema-claro .card-artigo h2,
html.tema-claro .card-artigo h3,
html.tema-claro .artigo-titulo {
  color: var(--lg-tinta);
}
html.tema-claro .card-link,
html.tema-claro .card-nota {
  color: var(--lg-acento-claro);
}
html.tema-claro .card-rodape,
html.tema-claro .card-corpo {
  border-color: #F1C04E;
}
html.tema-claro .bloco,
html.tema-claro .caixa-dourada,
html.tema-claro .lista-comentarios,
html.tema-claro .comentario {
  border: 1px solid #F1C04E;
  background-color: rgba(0, 0, 0, 0.015);
  background-image: var(--lg-vidro-fino);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: var(--lg-tinta);
}
html.tema-claro .comentario-avatar {
  background: radial-gradient(circle at 34% 28%, rgba(0, 0, 0, 0.126),
              rgba(233, 189, 57, 0.55) 46%, rgba(212, 163, 115, 0.6));
  color: #1A1A1A;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 4px 12px -4px rgba(17, 17, 26, 0.15);
}
html.tema-claro .comentario-nome {
  color: var(--lg-acento-claro);
}
html.tema-claro .avaliacao-media,
html.tema-claro .avaliacao-retorno {
  color: var(--lg-tinta-media);
}
html.tema-claro .lg-ambiente ::-webkit-scrollbar-track {
  background: transparent;
}
html.tema-claro .lg-ambiente ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(255, 215, 0, 0.5), rgba(212, 163, 115, 0.5));
  border: 2px solid transparent;
  background-clip: content-box;
}
html.tema-claro .lg-ambiente ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(255, 215, 0, 0.75), rgba(212, 163, 115, 0.75));
  background-clip: content-box;
}
html.tema-claro .lg-ambiente ::selection {
  background: rgba(255, 215, 0, 0.32);
  color: #1A1A1A;
}
html.tema-claro .rodape-global,
html.tema-claro .pagina-sobre {
  --ouro: #715613;
  --ouro--fundo: #FFD700;
  --ouro--icone: #97720F;
  --caramelo: #7C5020;
  --caramelo--fundo: #D4A373;
  --caramelo--borda: #CC9B6B;
  --caramelo--bordaforte: #9C6E3F;
  --gelo: #000000;
  --gelo-suave: #37342E;
  --gelo-fraco: #4C4942;
  --mescla: linear-gradient(90deg, var(--ouro--fundo), var(--caramelo--fundo));
  --mescla--texto: linear-gradient(90deg, var(--ouro), var(--caramelo));
}
html.tema-claro .rodape-global::before {
  background: var(--mescla);
}
html.tema-claro .rodape-coluna-titulo {
  color: var(--ouro);
}
html.tema-claro .rodape-coluna-titulo::after {
  background: var(--mescla);
}
html.tema-claro .rodape-coluna-titulo a {
  color: inherit;
}
html.tema-claro .rodape-coluna-titulo a:hover,
html.tema-claro .rodape-coluna-titulo a:focus-visible {
  color: var(--caramelo);
}
html.tema-claro .rodape-coluna p,
html.tema-claro .rodape-coluna dd,
html.tema-claro .rodape-coluna li {
  color: var(--gelo-suave);
}
html.tema-claro .rodape-dados dt {
  color: var(--caramelo);
}
html.tema-claro .rodape-dados dd strong,
html.tema-claro .rodape-coluna .destaque {
  color: var(--gelo);
}
html.tema-claro .rodape-contato a {
  color: var(--gelo);
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .rodape-contato a:hover,
html.tema-claro .rodape-contato a:focus-visible {
  color: var(--ouro);
  border-bottom-color: var(--caramelo--bordaforte);
}
html.tema-claro .rodape-institucional-linha {
  color: var(--gelo-suave);
}
html.tema-claro .rodape-institucional-selo {
  stroke: var(--ouro--icone);
}
html.tema-claro .rodape-institucional-rotulo {
  color: var(--caramelo);
}
html.tema-claro .rodape-institucional-nome {
  color: var(--gelo);
}
html.tema-claro .rodape-institucional-item::before {
  color: var(--caramelo);
}
html.tema-claro .rodape-institucional-presidencia {
  color: var(--gelo-fraco);
}
html.tema-claro .rodape-link-sobre {
  border: 1px solid #CD9D20;
  background: rgba(255, 215, 0, 0.06);
  color: var(--ouro);
}
html.tema-claro .rodape-link-sobre:hover,
html.tema-claro .rodape-link-sobre:focus-visible {
  color: var(--ouro);
  border-color: var(--caramelo--bordaforte);
  background: rgba(255, 215, 0, 0.12);
  box-shadow: 0 6px 18px rgba(212, 163, 115, 0.09);
}
html.tema-claro .rodape-pagamentos li {
  color: var(--gelo-suave);
}
html.tema-claro .rodape-pagamentos li + li::before {
  color: var(--caramelo);
}
html.tema-claro .rodape-nota {
  color: var(--gelo-fraco);
}
html.tema-claro footer:has(.rodape-global) {
  border-top-color: #F1C04E;
}
html.tema-claro .pagina-sobre {
  background-color: #ECEDF0;
}
html.tema-claro .sobre-heroi {
  border: 1px solid #F1C04E;
  background-color: #ECEDF0;
  background-image: url("dr-reges-mesa-fundo.jpg");
  background-size: cover;
  background-position: center 28%;
  box-shadow: 0 30px 80px -40px rgba(17, 17, 26, 0.09);
}
html.tema-claro .sobre-heroi::after {
  background: linear-gradient(180deg, rgba(250, 250, 252, 0.09) 0%, rgba(250, 250, 252, 0.186) 52%,
                    rgba(250, 250, 252, 0.276) 100%),
    radial-gradient(115% 85% at 18% 100%, rgba(250, 250, 252, 0.195), transparent 70%);
}
html.tema-claro .sobre-heroi-conteudo {
  border: 1px solid #F1C04E;
  background-color: rgba(250, 250, 252, 0.409);
  background-image: linear-gradient(160deg,
                    rgba(0, 0, 0, 0.029), rgba(0, 0, 0, 0.006));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 18px 44px -22px rgba(17, 17, 26, 0.12);
}
html.tema-claro .sobre-heroi-selo {
  color: #6A4418;
  border: 1px solid #CC9B6B;
  background-color: rgba(212, 163, 115, 0.1);
}
html.tema-claro .pagina-sobre h1 {
  background: var(--mescla--texto);
  background-clip: text;
  color: transparent;
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
html.tema-claro .pagina-sobre h1 {
  color: var(--ouro);
  background: none;
}
}
html.tema-claro .sobre-heroi-conteudo p {
  color: var(--gelo-suave);
}
html.tema-claro .sobre-texto {
  border: 1px solid #F1C04E;
  background-color: rgba(0, 0, 0, 0.008);
  background-image: linear-gradient(160deg,
                    rgba(0, 0, 0, 0.021), rgba(0, 0, 0, 0.004));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 38px -20px rgba(17, 17, 26, 0.12);
}
html.tema-claro .pagina-sobre h2 {
  color: var(--ouro);
}
html.tema-claro .pagina-sobre h3 {
  color: var(--caramelo);
}
html.tema-claro .pagina-sobre h2::after {
  background: var(--mescla);
}
html.tema-claro .pagina-sobre .justificado,
html.tema-claro .sobre-texto p,
html.tema-claro .sobre-legenda p {
  color: var(--gelo-suave);
}
html.tema-claro .sobre-texto .abertura {
  color: var(--gelo);
}
html.tema-claro .sobre-texto strong {
  color: var(--gelo);
}
html.tema-claro .sobre-figura {
  border: 1px solid #F1C04E;
  background-color: #ECEDF0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 20px 46px -24px rgba(17, 17, 26, 0.12);
}
html.tema-claro .sobre-figura figcaption {
  color: var(--gelo);
  background: linear-gradient(180deg, transparent, rgba(250, 250, 252, 0.839));
}
html.tema-claro .sobre-programas li {
  color: var(--gelo-suave);
}
html.tema-claro .sobre-programas li::before {
  background: var(--mescla);
}
html.tema-claro .sobre-programas a {
  color: var(--ouro);
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .sobre-programas a:hover,
html.tema-claro .sobre-programas a:focus-visible {
  color: var(--caramelo);
  border-bottom-color: var(--caramelo--bordaforte);
}
html.tema-claro .sobre-texto p a {
  color: var(--ouro);
  border-bottom: 1px solid #F1C04E;
}
html.tema-claro .sobre-texto p a:hover,
html.tema-claro .sobre-texto p a:focus-visible {
  color: var(--caramelo);
  border-bottom-color: var(--caramelo--bordaforte);
}
html.tema-claro .sobre-numero {
  border: 1px solid #F1C04E;
  background-color: rgba(0, 0, 0, 0.009);
  background-image: linear-gradient(160deg,
                    rgba(0, 0, 0, 0.023), rgba(0, 0, 0, 0.005));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 14px 32px -18px rgba(17, 17, 26, 0.12);
}
html.tema-claro .sobre-numero .valor {
  color: var(--ouro);
}
html.tema-claro .sobre-numero .rotulo {
  color: var(--caramelo);
}
html.tema-claro .sobre-chamada {
  border: 1px solid #F1C04E;
  background-color: rgba(255, 215, 0, 0.035);
  background-image: linear-gradient(160deg,
                    rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.005));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 18px 44px -24px rgba(17, 17, 26, 0.12);
}
html.tema-claro .sobre-chamada p {
  color: var(--gelo-suave);
}
html.tema-claro .sobre-botao {
  border: none;
  color: #000000;
  background-image: var(--mescla);
  box-shadow: 0 14px 32px -16px rgba(255, 215, 0, 0.275);
}
html.tema-claro .sobre-botao:hover,
html.tema-claro .sobre-botao:focus-visible {
  box-shadow: 0 20px 44px -18px rgba(255, 215, 0, 0.35);
}
html.tema-claro .avatar-ia-flutuante small,
html.tema-claro .avatar-ia-flutuante .sub,
html.tema-claro .btn-embreve small {
  color: #7C5020;
}
html.tema-claro .rodape-coluna-titulo::after,
html.tema-claro .pagina-sobre h2::after {
  background-image: linear-gradient(90deg,
    var(--rj-ouro--fundo) 0%, var(--rj-mel--fundo) 45%, var(--rj-caramelo--fundo) 78%, transparent 100%);
}
html.tema-claro .sobre-programas li::before {
  background-image: linear-gradient(140deg, var(--rj-ouro--fundo), var(--rj-caramelo--fundo));
}
html.tema-claro body::before,
html.tema-claro body.lg-ambiente::before,
html.tema-claro .lg-ambiente::before {
  background: radial-gradient(30% 32% at 14% 18%, rgba(255, 215, 0, 0.11), transparent 66%),
    radial-gradient(32% 28% at 86% 24%, rgba(212, 163, 115, 0.1), transparent 68%),
    radial-gradient(38% 34% at 54% 88%, rgba(233, 189, 57, 0.1), transparent 70%),
    radial-gradient(24% 24% at 80% 70%, rgba(255, 215, 0, 0.07), transparent 64%),
    radial-gradient(20% 24% at 32% 56%, rgba(212, 163, 115, 0.07), transparent 66%);
  filter: blur(80px) saturate(135%);
}
html.tema-claro:is(html)::before {
  background: conic-gradient(from 20deg at 30% 34%, transparent 0deg,
      rgba(255, 215, 0, 0.22) 40deg, transparent 92deg,
      rgba(212, 163, 115, 0.2) 168deg, transparent 220deg,
      rgba(255, 215, 0, 0.16) 300deg, transparent 360deg),
    conic-gradient(from 200deg at 72% 62%, transparent 0deg,
      rgba(233, 189, 57, 0.2) 56deg, transparent 120deg,
      rgba(255, 215, 0, 0.18) 210deg, transparent 268deg,
      rgba(212, 163, 115, 0.16) 330deg, transparent 360deg);
  filter: blur(30px) contrast(2.1);
}
html.tema-claro .service-card,
html.tema-claro .depoimento-card,
html.tema-claro .profile-card,
html.tema-claro .card,
html.tema-claro .sidebar-card,
html.tema-claro .form-card,
html.tema-claro .metrica-card,
html.tema-claro .agendamento-card,
html.tema-claro .image-card,
html.tema-claro .card-artigo,
html.tema-claro .hero-content,
html.tema-claro .portal-box {
  border: 1px solid #CD9D20;
  box-shadow: 0 2px 6px rgba(17, 17, 26, 0.18),
    0 22px 56px -16px rgba(17, 17, 26, 0.12),
    0 0 60px -18px rgba(255, 215, 0, 0.15),
    0 0 130px -34px rgba(212, 163, 115, 0.19),
    var(--lg-interno);
}
html.tema-claro .service-card:hover,
html.tema-claro .depoimento-card:hover,
html.tema-claro .profile-card:hover,
html.tema-claro .card-artigo:hover,
html.tema-claro .service-link:hover .service-card {
  border-color: #C0A060;
  box-shadow: 0 4px 10px rgba(17, 17, 26, 0.18),
    0 34px 84px -20px rgba(17, 17, 26, 0.09),
    0 0 90px -18px rgba(255, 215, 0, 0.24),
    0 0 190px -38px rgba(212, 163, 115, 0.26),
    var(--lg-interno);
}
html.tema-claro .service-card::after,
html.tema-claro .depoimento-card::after,
html.tema-claro .profile-card::after,
html.tema-claro .card-artigo::after,
html.tema-claro .metrica-card::after,
html.tema-claro .agendamento-card::after,
html.tema-claro .hero-content::after,
html.tema-claro .portal-box::after {
  background: conic-gradient(from 210deg,
    rgba(255, 245, 205, 0.95) 0deg,
    rgba(255, 215, 0, 0.78) 48deg,
    rgba(212, 163, 115, 0.3) 132deg,
    rgba(212, 163, 115, 0.72) 216deg,
    rgba(255, 215, 0, 0.38) 296deg,
    rgba(255, 245, 205, 0.95) 360deg);
}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
html.tema-claro .service-card,
html.tema-claro .depoimento-card,
html.tema-claro .profile-card,
html.tema-claro .card-artigo,
html.tema-claro .metrica-card,
html.tema-claro .agendamento-card,
html.tema-claro .hero-content,
html.tema-claro .portal-box {
  border-color: var(--lg-rim-forte);
}
}
html.tema-claro nav ul li a:hover {
  color: var(--rj-ouro);
  border-color: #CD9D20;
  background-image: linear-gradient(150deg,
    rgba(255, 215, 0, 0.16), rgba(212, 163, 115, 0.1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 6px 20px -8px rgba(255, 215, 0, 0.225);
}
html.tema-claro .portal-form input,
html.tema-claro .portal-form select,
html.tema-claro .portal-form textarea,
html.tema-claro .form-group input,
html.tema-claro .form-group select,
html.tema-claro .form-group textarea,
html.tema-claro .lg-campo {
  background-color: rgba(250, 250, 252, 0.447);
  background-image: linear-gradient(180deg,
    rgba(250, 250, 252, 0.428), rgba(255, 215, 0, 0.05));
  border: 1px solid #9C6E3F;
  box-shadow: inset 0 2px 10px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 215, 0, 0.11);
}
html.tema-claro .portal-form input:focus,
html.tema-claro .portal-form select:focus,
html.tema-claro .portal-form textarea:focus,
html.tema-claro .form-group input:focus,
html.tema-claro .form-group select:focus,
html.tema-claro .form-group textarea:focus,
html.tema-claro .lg-campo:focus {
  outline: none;
  border-color: #97720F;
  box-shadow: inset 0 2px 10px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(255, 215, 0, 0.11),
    0 0 28px -4px rgba(255, 215, 0, 0.25);
}
html.tema-claro .status-badge,
html.tema-claro .badge,
html.tema-claro .selo-moderacao,
html.tema-claro .tagline,
html.tema-claro .midia-pendente,
html.tema-claro .lg-chip {
  border-color: #97720F;
  background-image: linear-gradient(150deg,
    rgba(255, 215, 0, 0.14), rgba(212, 163, 115, 0.1));
  color: var(--rj-creme);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
html.tema-claro:is(html):root body :is(h1, h2, .hero-content h1, .section-header h2, .blog-hero h1, .sobre-heroi-conteudo h1, .portal-secao-titulo) {
  background-image: linear-gradient(152deg,
    var(--rj-creme) 0%, var(--rj-ouro) 38%, var(--rj-mel) 64%, var(--rj-caramelo) 100%);
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 1px 0 rgba(17, 17, 26, 0.22))
    drop-shadow(0 -1px 0 rgba(255, 233, 163, 0.08))
    drop-shadow(0 8px 26px rgba(255, 215, 0, 0.14));
}
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
html.tema-claro:is(html):root body :is(h1, h2, .hero-content h1, .section-header h2, .blog-hero h1, .sobre-heroi-conteudo h1, .portal-secao-titulo) {
  color: var(--rj-ouro);
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);
}
}
html.tema-claro:is(html):root body :is(h3, h4, .card-titulo, .profile-name, .comentario-nome, .agendamento-card h4) {
  color: var(--rj-ouro);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.375);
}
html.tema-claro:is(html):root body :is(h5, h6, .lg-rotulo, .rodape-coluna-titulo) {
  color: var(--rj-caramelo);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.35);
}
html.tema-claro body,
html.tema-claro p,
html.tema-claro li,
html.tema-claro td,
html.tema-claro dd,
html.tema-claro .service-card p,
html.tema-claro .highlight,
html.tema-claro .small-note,
html.tema-claro .sobre-texto p {
  color: var(--lg-tinta);
}
html.tema-claro .icon-gold,
html.tema-claro .lg-glifo-gravado,
html.tema-claro .timeline-item .icone,
html.tema-claro .sobre-programas li::marker {
  filter: grayscale(1) sepia(1) saturate(5.2) hue-rotate(2deg) brightness(1.06)
    drop-shadow(0 1px 0 rgba(255, 248, 220, 0.55))
    drop-shadow(0 -1px 0 rgba(17, 17, 26, 0.209))
    drop-shadow(0 4px 10px rgba(255, 215, 0, 0.225));
}
html.tema-claro .icon-gold,
html.tema-claro .lg-glifo,
html.tema-claro .footer-social a,
html.tema-claro .comentario-avatar,
html.tema-claro .portal-fechar {
  border: 1px solid #97720F;
  background-image: var(--lg-vidro-medio);
  background-color: rgba(255, 215, 0, 0.05);
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.42),
    inset 0 -10px 20px -8px rgba(212, 163, 115, 0.3),
    0 8px 24px -8px rgba(17, 17, 26, 0.15),
    0 0 30px -12px rgba(255, 215, 0, 0.2);
}
html.tema-claro:is(html):root body .logo span {
  color: #715613;
}
html.tema-claro .marca-brasao,
html.tema-claro .marca-topo img,
html.tema-claro .portal-brasao,
html.tema-claro .rodape-brasao {
  filter: drop-shadow(0 1px 0 rgba(255, 248, 220, 0.32))
    drop-shadow(0 6px 18px rgba(255, 215, 0, 0.23));
}
html.tema-claro .lg-vidro::after {
  background: conic-gradient(from 210deg,
    rgba(255, 233, 163, 0.72) 0deg,
    rgba(255, 215, 0, 0.46) 58deg,
    rgba(212, 163, 115, 0.16) 140deg,
    rgba(212, 163, 115, 0.42) 222deg,
    rgba(255, 215, 0, 0.2) 300deg,
    rgba(255, 233, 163, 0.72) 360deg);
}
html.tema-claro .lg-plano {
  border-color: #F1C04E;
}
html.tema-claro .lg-titulo-gravado {
  background-image: linear-gradient(152deg,
    var(--rj-creme--fundo) 0%, var(--rj-ouro--fundo) 42%, var(--rj-caramelo--fundo) 100%);
  filter: drop-shadow(0 2px 8px rgba(255, 215, 0, 0.19));
}
html.tema-claro .lg-botao {
  background-image: linear-gradient(150deg,
    rgba(0, 0, 0, 0.084), rgba(255, 233, 163, 0.06) 45%,
    rgba(255, 215, 0, 0.22) 78%, rgba(212, 163, 115, 0.3));
  background-color: rgba(250, 250, 252, 0.409);
  border-color: var(--lg-rim-forte--bordaforte);
}
html.tema-claro .lg-botao-acento {
  color: #000000;
  border-color: #927333;
  background-image: linear-gradient(150deg,
    var(--dourado-claro), var(--rj-ouro--fundo) 48%, var(--rj-caramelo--fundo));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -8px 16px -10px rgba(120, 88, 48, 0.55),
    0 8px 26px -8px rgba(255, 215, 0, 0.3);
}
html.tema-claro .lg-chip-ciano {
  border-color: #97720F;
  color: var(--rj-ouro);
  background-color: rgba(255, 215, 0, 0.13);
}
html.tema-claro .lg-chip-cobalto {
  border-color: #9A7112;
  color: var(--rj-mel);
  background-color: rgba(233, 189, 57, 0.14);
}
html.tema-claro .lg-chip-ametista {
  border-color: #9C6E3F;
  color: var(--rj-caramelo);
  background-color: rgba(212, 163, 115, 0.14);
}
html.tema-claro .lg-chip-acento {
  border-color: #97720F;
  color: var(--rj-creme);
  background-color: rgba(255, 215, 0, 0.16);
}
html.tema-claro .lg-ambiente :focus-visible,
html.tema-claro body :focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.21),
    0 0 26px -4px rgba(255, 215, 0, 0.325);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .service-card,
html.tema-claro .depoimento-card,
html.tema-claro .profile-card,
html.tema-claro .card,
html.tema-claro .sidebar-card,
html.tema-claro .form-card,
html.tema-claro .metrica-card,
html.tema-claro .agendamento-card,
html.tema-claro .image-card,
html.tema-claro .card-artigo,
html.tema-claro .hero-content,
html.tema-claro .portal-box,
html.tema-claro .sobre-texto,
html.tema-claro .sobre-chamada,
html.tema-claro .lg-vidro,
html.tema-claro .lg-botao {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-vidro.lg-denso {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-campo,
html.tema-claro .portal-form input,
html.tema-claro .portal-form select,
html.tema-claro .portal-form textarea,
html.tema-claro .form-group input,
html.tema-claro .form-group select,
html.tema-claro .form-group textarea {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@media (prefers-contrast: more) {
html.tema-claro .service-card,
html.tema-claro .depoimento-card,
html.tema-claro .profile-card,
html.tema-claro .card,
html.tema-claro .sidebar-card,
html.tema-claro .form-card,
html.tema-claro .metrica-card,
html.tema-claro .agendamento-card,
html.tema-claro .card-artigo,
html.tema-claro .hero-content,
html.tema-claro .portal-box,
html.tema-claro .sobre-texto {
  background-color: rgba(250, 250, 252, 0.94);
  border-color: var(--rj-ouro--borda);
}
}
@media (prefers-contrast: more) {
html.tema-claro body,
html.tema-claro p,
html.tema-claro li,
html.tema-claro td,
html.tema-claro dd {
  color: #1A1A1A;
}
}
@media (prefers-contrast: more) {
html.tema-claro .service-card p,
html.tema-claro .highlight,
html.tema-claro .small-note,
html.tema-claro .sobre-texto p {
  color: #1A1A1A;
}
}
html.tema-claro .rodape-acesso a {
  border: 1px solid #F1C04E;
  color: #6A6A6C;
}
html.tema-claro .rodape-acesso a:hover,
html.tema-claro .rodape-acesso a:focus-visible {
  color: #715613;
  border-color: #97720F;
  background-color: rgba(255, 215, 0, 0.06);
  outline: none;
}
html.tema-claro body > .hero {
  --fg-ouro: #FFD700;
  --fg-ouro--borda: #CD9D20;
  --fg-ouro--bordaforte: #97720F;
  --fg-ouro--texto: #715613;
  background-color: #ECEDF0;
  background-image: url("/assets/dr-reges-mesa-fundo.jpg");
  background-image: -webkit-image-set(
    url("/assets/dr-reges-mesa-fundo.webp") type("image/webp"),
    url("/assets/dr-reges-mesa-fundo.jpg") type("image/jpeg"));
  background-image: image-set(
    url("/assets/dr-reges-mesa-fundo.webp") type("image/webp"),
    url("/assets/dr-reges-mesa-fundo.jpg") type("image/jpeg"));
  background-size: cover;
  background-position: 50% 42%;
  background-repeat: no-repeat;
}
html.tema-claro body > .hero::before {
  background: linear-gradient(to bottom,
      rgba(250, 250, 252, 0.066) 0%,
      transparent 16%,
      transparent 70%,
      rgba(250, 250, 252, 0.198) 91%,
      rgba(250, 250, 252, 0.3) 100%),
    linear-gradient(to right,
      rgba(250, 250, 252, 0.18) 0%,
      rgba(250, 250, 252, 0.096) 38%,
      rgba(250, 250, 252, 0.024) 58%,
      rgba(250, 250, 252, 0.078) 100%);
}
html.tema-claro body > .hero::after {
  border: 1px solid transparent;
  border-image: linear-gradient(135deg,
    rgba(255, 215, 0, 0.55), rgba(212, 163, 115, 0.22) 50%,
    rgba(255, 215, 0, 0.55)) 1;
}
html.tema-claro body > .hero .hero-content {
  border: 1px solid transparent;
  background-color: rgba(250, 250, 252, 0.447);
  background-image: linear-gradient(135deg,
    rgba(212, 163, 115, 0.2) 0%,
    rgba(255, 215, 0, 0.07) 46%,
    rgba(212, 163, 115, 0.16) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 30px 70px -36px rgba(17, 17, 26, 0.09);
}
html.tema-claro body > .hero .hero-content::before {
  background: linear-gradient(to bottom, var(--fg-ouro), var(--fg-caramelo));
  box-shadow: none;
}
html.tema-claro body > .hero .hero-content::after,
html.tema-claro body > .hero .hero-buttons::after {
  background: var(--fg-fio);
}
html.tema-claro body > .hero .hero-content p {
  color: var(--rj-creme);
}
html.tema-claro body > .hero .hero-buttons {
  border: 1px solid transparent;
  background-color: rgba(250, 250, 252, 0.511);
  background-image: linear-gradient(135deg,
    rgba(255, 215, 0, 0.1), rgba(212, 163, 115, 0.18));
  box-shadow: 0 24px 50px -28px rgba(17, 17, 26, 0.12);
}
html.tema-claro body > .hero .hero-buttons .btn-gold {
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.52);
  background-color: var(--fg-ouro);
  background-image: linear-gradient(135deg,
    var(--fg-ouro) 0%, #E9BD39 50%, var(--fg-caramelo) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 10px 26px -10px rgba(255, 215, 0, 0.275);
}
html.tema-claro body > .hero .hero-buttons .btn-gold:hover {
  background-image: linear-gradient(135deg,
    #FFE24D 0%, var(--fg-ouro) 45%, var(--fg-caramelo) 100%);
}
html.tema-claro body > .hero .hero-buttons .btn-outline {
  color: var(--rj-creme);
  background-color: rgba(250, 250, 252, 0.396);
  background-image: none;
  border: 1px solid transparent;
  border-image: linear-gradient(135deg, var(--fg-ouro), var(--fg-caramelo)) 1;
}
html.tema-claro body > .hero .hero-buttons .btn-outline:hover {
  color: var(--fg-ouro--texto);
  background-color: rgba(255, 215, 0, 0.08);
}
@media (max-width: 992px) {
html.tema-claro body > .hero {
  background-image: url("/assets/dr-reges-mesa-fundo-m.jpg");
  background-image: -webkit-image-set(
      url("/assets/dr-reges-mesa-fundo-m.webp") type("image/webp"),
      url("/assets/dr-reges-mesa-fundo-m.jpg") type("image/jpeg"));
  background-image: image-set(
      url("/assets/dr-reges-mesa-fundo-m.webp") type("image/webp"),
      url("/assets/dr-reges-mesa-fundo-m.jpg") type("image/jpeg"));
  background-position: 50% 0;
}
}
@media (max-width: 992px) {
html.tema-claro body > .hero::before {
  background: linear-gradient(to bottom,
        rgba(250, 250, 252, 0.054) 0%,
        transparent 14%,
        rgba(250, 250, 252, 0.03) 40%,
        rgba(250, 250, 252, 0.186) 72%,
        rgba(250, 250, 252, 0.3) 100%);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro body > .hero .hero-content,
html.tema-claro body > .hero .hero-buttons {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
html.tema-claro body > .hero .hero-content,
html.tema-claro body > .hero .hero-buttons {
  border-color: var(--fg-ouro--bordaforte);
}
}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
html.tema-claro body > .hero .hero-content,
html.tema-claro body > .hero .hero-buttons {
  background-color: rgba(250, 250, 252, 0.94);
  background-image: none;
}
}

/* ===== assets/precisao-site.css ===== */
:root.tema-claro:is(html) {
  --pd-fundo-obsidiana: #EDF1F6;
  --pd-fundo-obsidiana--texto: #06080C;
  --pd-fundo-carvao: #EFF2F7;
  --pd-ouro: #715613;
  --pd-ouro--fundo: #C8A464;
  --pd-ouro-claro: #C19F6D;
  --pd-ouro-claro--bordaforte: #927341;
  --pd-ouro-claro--texto: #715613;
  --pd-ouro-fundo: #A68242;
  --pd-esmeralda: #10B981;
  --pd-texto-titulo: #1A1A1A;
  --pd-texto-corpo: #3E4349;
  --pd-texto-apagado: #454A50;
  --pd-borda-vidro: rgba(0, 0, 0, 0.039);
  --pd-borda-ouro: #C79D61;
  --rj-ouro: #715613;
  --rj-ouro--bordaforte: #927341;
  --rj-ouro--borda: #C19F6D;
  --rj-ouro--fundo: #E5C992;
  --rj-caramelo: #715613;
  --rj-caramelo--borda: #C79D61;
  --rj-caramelo--fundo: #C8A464;
  --rj-ouro-quente: #D6B67A;
  --rj-mel: #715613;
  --rj-mel--fundo: #D6B67A;
  --rj-caramelo-fundo: #6E5A3A;
  --rj-creme: #010203;
  --rj-creme--sombra: #E2E8F0;
  --rj-creme--fundo: #D7DBE0;
  --preto-fundo: #EDF1F6;
  --preto-fundo--texto: #06080C;
  --preto-card: rgba(0, 0, 0, 0.008);
  --texto-claro: #010203;
  --texto-mutado: #3E4349;
  --dourado: #715613;
  --dourado--borda: #C79D61;
  --dourado--bordaforte: #987134;
  --dourado--fundo: #C8A464;
  --dourado-claro: #E5C992;
  --dourado-claro--texto: #715613;
  --dourado-escuro: #715613;
  --dourado-escuro--borda: #A68242;
  --dourado-escuro--fundo: #A68242;
  --lg-ciano: #715613;
  --lg-ciano--fundo: #E5C992;
  --lg-ciano-fundo: #C8A464;
  --lg-cobalto: #D6B67A;
  --lg-cobalto-fundo: #A68242;
  --lg-ametista: #715613;
  --lg-ametista-fundo: #6E5A3A;
  --lg-abismo: #EDF1F6;
  --lg-abismo-alto: #EFF2F7;
  --lg-acento: #E5C992;
  --lg-acento--bordaforte: #927341;
  --lg-acento--texto: #715613;
  --lg-acento-claro: #1A1A1A;
  --lg-acento-claro--sombra: #F8FAFC;
  --lg-acento-claro--fundo: #EBEDEF;
  --lg-acento-fundo: #C8A464;
  --lg-tinta: #1F2328;
  --lg-tinta--fundo: #CED1D6;
  --lg-tinta-media: #3E4349;
  --lg-tinta-fraca: #454A50;
  --lg-vidro-fino: linear-gradient(150deg, rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.005) 55%, rgba(200, 164, 100, 0.02));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.017), rgba(0, 0, 0, 0.006) 50%, rgba(200, 164, 100, 0.03));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.94), rgba(250, 250, 252, 0.94)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.017), rgba(200, 164, 100, 0.03));
  --lg-rim: rgba(0, 0, 0, 0.044);
  --lg-rim-forte: #927341;
  --lg-rim-forte--bordaforte: #927341;
  --lg-rim-forte--fundo: rgba(229, 201, 146, 0.45);
  --lg-rim-fria: #C79D61;
  --lg-rim-fria--bordaforte: #987134;
  --lg-rim-fria--fundo: rgba(200, 164, 100, 0.3);
  --lg-rim-quente: #C79D61;
  --lg-sombra-1: 0 1px 2px rgba(17, 17, 26, 0.152),
    0 10px 28px -12px rgba(17, 17, 26, 0.15);
  --lg-sombra-2: 0 2px 6px rgba(17, 17, 26, 0.171),
    0 24px 56px -24px rgba(17, 17, 26, 0.12),
    0 0 40px -15px rgba(200, 164, 100, 0.1);
  --lg-sombra-3: 0 4px 10px rgba(17, 17, 26, 0.18),
    0 40px 80px -40px rgba(17, 17, 26, 0.09),
    0 0 60px -30px rgba(200, 164, 100, 0.175);
  --lg-interno: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --rj-fio: linear-gradient(90deg, #C19F6D 0%, #C79D61 55%, transparent 100%);
  --rj-marcador: linear-gradient(135deg, #E5C992 0%, #A68242 100%);
}
html.tema-claro:is(html):root body {
  background-color: var(--pd-fundo-obsidiana);
  background-image: linear-gradient(rgba(0, 0, 0, 0.009) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.009) 1px, transparent 1px);
  background-size: 56px 56px;
  background-position: center top;
}
html.tema-claro:is(html):root body::before {
  background: radial-gradient(38% 42% at 18% 16%, rgba(200, 164, 100, 0.08), transparent 62%),
    radial-gradient(40% 36% at 84% 30%, rgba(200, 164, 100, 0.05), transparent 64%);
  filter: blur(80px);
}
html.tema-claro:is(html):root body :is(h1, h2):not([class*="pd-"]) > .titulo-parte ~ span {
  color: var(--pd-ouro-claro--texto);
  background-image: linear-gradient(100deg, #E5C992 0%, #C8A464 52%, #E5C992 100%);
  background-clip: text;
}
html.tema-claro:is(html):root body :is(h2, h3):not(.rodape-coluna-titulo):not([class*="pd-"]) {
  color: var(--pd-texto-titulo);
  background-image: none;
  background-clip: border-box;
  filter: none;
  text-shadow: none;
}
html.tema-claro:is(html):root body :is(.badge, .selo-moderacao, .sobre-heroi-selo, .lg-chip, .status-badge),
html.tema-claro:is(html):root body :is(.page, .section, .hero, .blog-hero) .tagline {
  border: 1px solid #C79D61;
  background-color: rgba(200, 164, 100, 0.05);
  background-image: none;
  box-shadow: none;
  color: var(--pd-ouro);
}
html.tema-claro:is(html):root body :is(.btn-gold, .sobre-botao):not(.btn-outline):not(.btn-secondary) {
  color: var(--pd-fundo-obsidiana--texto);
  background-color: var(--pd-ouro--fundo);
  background-image: linear-gradient(135deg, #C8A464 0%, #A68242 100%);
  border: 1px solid #927341;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 12px 30px -14px rgba(200, 164, 100, 0.3);
  text-shadow: none;
}
html.tema-claro:is(html):root body :is(.btn-gold, .sobre-botao):not(.btn-outline):not(.btn-secondary):hover {
  color: var(--pd-fundo-obsidiana--texto);
  background-image: linear-gradient(135deg, #D8B878 0%, #B08C4B 100%);
  border-color: #927341;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 18px 40px -14px rgba(200, 164, 100, 0.375);
}
html.tema-claro:is(html):root body :is(.btn-outline, .btn-secondary, .btn-back, .link-secondary) {
  color: var(--pd-texto-titulo);
  background-color: rgba(0, 0, 0, 0.008);
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.077);
  box-shadow: none;
  text-shadow: none;
}
html.tema-claro:is(html):root body :is(.btn-outline, .btn-secondary, .btn-back, .link-secondary):hover {
  color: var(--pd-ouro-claro--texto);
  border-color: var(--pd-borda-ouro);
  background-color: rgba(200, 164, 100, 0.06);
}
html.tema-claro:is(html):root body :is(.btn-gold, .btn-outline, .btn-secondary, .btn-back, .link-secondary, .sobre-botao):focus-visible {
  outline: 2px solid var(--pd-ouro-claro--bordaforte);
}
html.tema-claro:is(html):root body :is(.card, .sidebar-card, .service-card, .profile-card, .depoimento-card, .form-card, .metrica-card, .agendamento-card, .card-artigo, .atuacao-card) {
  background-color: rgba(0, 0, 0, 0.008);
  background-image: none;
  border: 1px solid var(--pd-borda-vidro);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
html.tema-claro:is(html):root body :is(.card, .sidebar-card, .service-card, .profile-card, .depoimento-card, .form-card, .metrica-card, .agendamento-card, .card-artigo, .atuacao-card):hover {
  border-color: var(--pd-borda-ouro);
  box-shadow: 0 0 40px -15px rgba(200, 164, 100, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
html.tema-claro:is(html):root body :is(.service-card, .depoimento-card, .profile-card, .card-artigo, .metrica-card, .agendamento-card)::before {
  background: linear-gradient(90deg, transparent, rgba(229, 201, 146, 0.55), transparent);
}
html.tema-claro:is(html):root body .image-card {
  border: 1px solid var(--pd-borda-vidro);
}
html.tema-claro:is(html):root body :is(.form-card, .card, .form-grid, .field-group) :is(input, select, textarea):focus-visible {
  outline: 2px solid #927341;
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
html.tema-claro:is(html):root body :is(.card, .sidebar-card, .service-card, .profile-card, .depoimento-card, .form-card, .metrica-card, .agendamento-card, .card-artigo, .atuacao-card) {
  background-color: var(--pd-fundo-carvao);
}
}

/* ======================= MARCA NO CLARO (logotipo e símbolos dourados) =======================
   Fonte: tema-claro-escuro/fonte/tema-claro-marca.css — entra em toda camada clara
   (ERP, CRM, site, home). Só vale com <html class="tema-claro">.

   2ª rodada do dono (07/10/2026): "adaptando tudo ao fundo claro … símbolos,
   logotipos". O que o CSS gerado não alcança porque a cor mora DENTRO do SVG:
   - degradês <linearGradient> com <stop stop-color="#FFD700|#D4A373"> (ícone
     ativo do menu lateral, selo de cargo, ícones do financeiro): o atributo de
     apresentação perde para qualquer CSS, e o !important cobre o style="";
   - o brasão (<img src="…/logo-rj.svg">): o realce do alto (#FFF7D6 → #F3DE86)
     é mais claro que o gelo e o contorno do escudo sumia. Fica o mesmo desenho e
     o mesmo degradê, mais fundo, com um fio âmbar recortando a silhueta.
   Cores: as de símbolo de scripts/lib/cor.mjs — OURO_FORTE #97720F e
   CARAMELO_FORTE #9C6E3F (3,2:1 até sobre o vidro denso; o gerador confere que batem). */
@media screen {
  html.tema-claro stop[stop-color="#FFD700" i] { stop-color: #97720F !important; }
  html.tema-claro stop[stop-color="#D4A373" i] { stop-color: #9C6E3F !important; }
  html.tema-claro img[src*="logo-rj"] {
    filter: brightness(0.8) contrast(1.18) saturate(1.12)
            drop-shadow(0 0 0.6px rgba(92, 64, 14, 0.55))
            drop-shadow(0 1px 1.5px rgba(92, 64, 14, 0.22)) !important;
  }
}

/* ======================= AJUSTES MANUAIS (config/tema-claro/tema-claro-manual-site.css) ======================= */
/* Ajustes do tema claro que não são contraparte de nenhuma regra existente.
   Prefira config/tema-claro/ajustes-site.mjs (troca o valor de UMA declaração
   no lugar certo da cascata). Tudo aqui começa por html.tema-claro. */

/* ícone ⚿ do link de acesso do rodapé: no escuro fica a 80% de opacidade (some
   no preto); no claro, a 80% sobre o gelo dava 3,1:1 — vai inteiro */
html.tema-claro .rodape-acesso-icone { opacity: 1; color: #555558; }