/* Camada de tema controlada em Administração > Configuração do site. */
body{background:linear-gradient(180deg,#13070e 0,var(--tema-escura) 28%,var(--tema-secundaria) 58%,var(--tema-escura-2) 82%,#110b0e 100%)}
header{border-bottom-color:var(--tema-principal)}
.hero{background:radial-gradient(circle at 50% 80%,var(--tema-secundaria) 0,var(--tema-escura-2) 43%,#150910 78%)}
.catalogo{background:var(--tema-secundaria)}
.card{border-color:var(--tema-linha)}
.foto{background:linear-gradient(145deg,var(--tema-secundaria),var(--tema-escura))}
.categoria-card{background:color-mix(in srgb,var(--tema-principal) 92%,transparent)}
.dados h3 b,.eyebrow,.ficha h2,.sobre h2,.video h2{color:var(--tema-principal)}
.selos span{border-color:var(--tema-linha);background:color-mix(in srgb,var(--tema-escura) 78%,#111);color:var(--tema-clara)}
.vantagens{background:var(--tema-escura-2)}
.perfil-info{background:color-mix(in srgb,var(--tema-escura-2) 82%,transparent);border-color:var(--tema-linha)}
.foto-principal{border-color:var(--tema-linha);background:var(--tema-escura)}
.ficha p,.atendimento p{background:color-mix(in srgb,var(--tema-escura) 80%,#111)}
.contato{background:color-mix(in srgb,var(--tema-escura) 76%,#111)}
.pagina-conta,.pagina-painel{background:color-mix(in srgb,var(--tema-escura) 35%,#090609)}
.conta-box,.bloco-form{border-color:var(--tema-linha);background:color-mix(in srgb,var(--tema-escura) 45%,#171016)}
.form-conta input,.editor-perfil input,.editor-perfil select,.editor-perfil textarea{border-color:var(--tema-linha)}
.preferencia-item{border-color:var(--tema-linha)}
.opcoes-preferencia input{accent-color:var(--tema-principal)}
.opcoes-preferencia label:has(input:checked){border-color:var(--tema-principal);background:color-mix(in srgb,var(--tema-principal) 32%,#27121d)}
@supports not (background:color-mix(in srgb,#fff,#000)){
  .categoria-card{background:var(--tema-principal)}
  .perfil-info{background:var(--tema-escura-2)}
  .ficha p,.atendimento p,.contato,.conta-box,.bloco-form{background:var(--tema-escura)}
}
.filtros a{border-color:var(--tema-principal)}
.filtros a.ativo,.btn-conta{background:var(--tema-principal)}
.vantagens b,.categoria-card{color:var(--tema-clara)}
.vantagens b{color:var(--tema-principal)}
.buscar{border-color:var(--tema-principal)}
.miniatura.ativa{border-color:var(--tema-principal)}
.form-conta input:focus,.editor-perfil input:focus,.editor-perfil select:focus,.editor-perfil textarea:focus{outline:2px solid var(--tema-principal);outline-offset:1px}

/* V20.7 — o novo grupo usa papéis visuais completos sem alterar o grupo antigo. */
html[data-sistema-cores="profissional"]{
  --preto:var(--tema-fundo);
  --card:var(--tema-fundo-secundario);
  --texto:var(--tema-texto-principal);
  --suave:var(--tema-texto-secundario);
}
html[data-sistema-cores="profissional"] body{
  color:var(--tema-texto-principal);
  background:linear-gradient(
    180deg,
    var(--tema-fundo) 0,
    var(--tema-fundo-secundario) 38%,
    color-mix(in srgb,var(--tema-principal) 28%,var(--tema-fundo-secundario)) 64%,
    var(--tema-fundo) 100%
  );
}
html[data-sistema-cores="profissional"] header{
  border-top-color:var(--tema-dourado-auxiliar);
  background:color-mix(in srgb,var(--tema-fundo) 94%,transparent);
}
html[data-sistema-cores="profissional"] .hero{
  background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--tema-principal) 58%,var(--tema-fundo-secundario)) 0,var(--tema-fundo-secundario) 43%,var(--tema-fundo) 78%);
}
html[data-sistema-cores="profissional"] .catalogo,
html[data-sistema-cores="profissional"] .vantagens{background:var(--tema-fundo-secundario)}
html[data-sistema-cores="profissional"] .card,
html[data-sistema-cores="profissional"] .conta-box,
html[data-sistema-cores="profissional"] .bloco-form{
  border-color:var(--tema-linha);
  background:var(--tema-fundo-secundario);
  color:var(--tema-texto-principal);
}
html[data-sistema-cores="profissional"] .foto{background:linear-gradient(145deg,var(--tema-principal),var(--tema-fundo))}
html[data-sistema-cores="profissional"] .dados h3 b,
html[data-sistema-cores="profissional"] .eyebrow,
html[data-sistema-cores="profissional"] .ficha h2,
html[data-sistema-cores="profissional"] .sobre h2,
html[data-sistema-cores="profissional"] .video h2{color:var(--tema-destaque)}
html[data-sistema-cores="profissional"] .foto-principal{background:var(--tema-fundo-secundario)}
html[data-sistema-cores="profissional"] .ficha p,
html[data-sistema-cores="profissional"] .atendimento p,
html[data-sistema-cores="profissional"] .contato{
  background:color-mix(in srgb,var(--tema-fundo-secundario) 86%,var(--tema-principal));
}
html[data-sistema-cores="profissional"] .pagina-conta,
html[data-sistema-cores="profissional"] .pagina-painel,
html[data-sistema-cores="profissional"] .pagina-legal,
html[data-sistema-cores="profissional"] .pagina-calculadora{background:var(--tema-fundo);color:var(--tema-texto-principal)}
html[data-sistema-cores="profissional"] footer,
html[data-sistema-cores="profissional"] .rodape-site{
  border-top-color:var(--tema-linha);
  background:var(--tema-fundo);
  color:var(--tema-texto-secundario);
}
html[data-sistema-cores="profissional"] .btn,
html[data-sistema-cores="profissional"] .btn-conta,
html[data-sistema-cores="profissional"] .buscar button,
html[data-sistema-cores="profissional"] .filtros a.ativo,
html[data-sistema-cores="profissional"] .filtro-cidades.ativo,
html[data-sistema-cores="profissional"] .seletor-cidades[open]>.filtro-cidades{
  color:var(--tema-texto-sobre-principal);
}

/* V10 — componentes novos também acompanham a paleta selecionada. */
.filtro-cidades{border-color:var(--tema-principal)}
.filtro-cidades.ativo,.seletor-cidades[open]>.filtro-cidades{background:var(--tema-principal)}

/* V10 — legibilidade profissional na área da anunciante. */
.painel-topo>div>p,.bloco-form>p,.bloco-form li,.status span{font-size:16px;line-height:1.65}
.bloco-form h2{font-size:30px}
.grade-form label,.dados-privados label,.upload-documento label{font-size:15px}
.form-conta input,.editor-perfil input,.editor-perfil select,.editor-perfil textarea{min-height:46px;font-size:16px;line-height:1.35}
.editor-perfil textarea{min-height:140px}
.grade-form .helptext,.form-conta .helptext,.form-conta ul{font-size:13px;line-height:1.5}
.preferencia-item legend{font-size:15px}
.opcoes-preferencia label{font-size:13px}
.fotos-somente-leitura figcaption,.foto-editavel label{font-size:13px}
@media(max-width:650px){.painel-topo>div>p,.bloco-form>p,.bloco-form li,.status span{font-size:15.5px}.bloco-form h2{font-size:27px}}