/* Cores do logo (15/10/2026): os 5 cubos — vermelho F, ciano e, amarelo s, laranja t, roxo a.
   Roxo continua nos botões e no menu (pedido anterior); destaques de texto, ícones e etiquetas alternam as cores do logo.
   Tons "-t" escurecidos para texto legível em fundo branco (contraste para títulos grandes). */
:root{
  --logo-v:#F00000; --logo-c:#40D0E0; --logo-a:#F0E000; --logo-l:#F05000; --logo-r:#6000F0;
  --t-v:#D42A2A; --t-c:#0A8FA8; --t-l:#D9480F; --t-r:#6B1FE0; --t-a:#8A7A00;
  --f-v:#FFECEC; --f-c:#E3F8FB; --f-l:#FFF0E6; --f-r:#F1E9FE; --f-a:#FBF8D6;
}

/* título principal: destaque em uma cor só (laranja do logo), como nos títulos de seção */
h1 .it,.titulo-h1 .it{color:var(--t-l)}

/* destaques dos títulos de seção: alternam vermelho, ciano, laranja, roxo */
main > section:nth-of-type(4n+1) h2 .it,main > section:nth-of-type(4n+1) .cab h2 span{color:var(--t-v)}
main > section:nth-of-type(4n+2) h2 .it,main > section:nth-of-type(4n+2) .cab h2 span{color:var(--t-c)}
main > section:nth-of-type(4n+3) h2 .it,main > section:nth-of-type(4n+3) .cab h2 span{color:var(--t-l)}
main > section:nth-of-type(4n+4) h2 .it,main > section:nth-of-type(4n+4) .cab h2 span{color:var(--t-r)}

/* etiquetas (olho) das seções: cor do cubo correspondente */
main > section:nth-of-type(4n+1) .k{color:var(--t-v);background:var(--f-v)} main > section:nth-of-type(4n+1) .k b{background:var(--logo-v)}
main > section:nth-of-type(4n+2) .k{color:var(--t-c);background:var(--f-c)} main > section:nth-of-type(4n+2) .k b{background:var(--logo-c)}
main > section:nth-of-type(4n+3) .k{color:var(--t-l);background:var(--f-l)} main > section:nth-of-type(4n+3) .k b{background:var(--logo-l)}
main > section:nth-of-type(4n+4) .k{color:var(--t-r);background:var(--f-r)} main > section:nth-of-type(4n+4) .k b{background:var(--logo-r)}
.hero .k{color:var(--t-v);background:var(--f-v)} .hero .k b{background:var(--logo-v)}

/* faixa de categorias: cada ícone com a cor do seu serviço; sublinhado do ativo também */
.cat .ic{--ic:var(--c,var(--r))}
.cat:hover,.cat[aria-current="true"]{color:var(--tinta)}
.cat::after{background:var(--c,var(--r))}

/* números dos selos do topo em cores alternadas */
.selos span:nth-child(5n+1) b{color:var(--t-v)} .selos span:nth-child(5n+2) b{color:var(--t-c)}
.selos span:nth-child(5n+3) b{color:var(--t-l)} .selos span:nth-child(5n+4) b{color:var(--t-r)} .selos span:nth-child(5n+5) b{color:var(--t-a)}

/* ícones de links relacionados e dúvidas */
.rel a:nth-child(4n+1) .ic{color:var(--t-v);--ic:var(--f-v)} .rel a:nth-child(4n+2) .ic{color:var(--t-c);--ic:var(--f-c)}
.rel a:nth-child(4n+3) .ic{color:var(--t-l);--ic:var(--f-l)} .rel a:nth-child(4n+4) .ic{color:var(--t-r);--ic:var(--f-r)}
.rel a:hover{box-shadow:inset 0 0 0 2px var(--logo-l)}
.duvidas details:nth-child(4n+1) summary::after{color:var(--t-v)} .duvidas details:nth-child(4n+2) summary::after{color:var(--t-c)}
.duvidas details:nth-child(4n+3) summary::after{color:var(--t-l)} .duvidas details:nth-child(4n+4) summary::after{color:var(--t-r)}

/* tabela: cabeçalho com faixa colorida do logo por cima do roxo */
.tabela{border-top:6px solid var(--logo-l)}
.tabela td.g,.tabela td.preco{color:var(--t-l)}

/* cobertura, tags e etiquetas de preço */
.cobertura h3 span{color:var(--t-c)} .cobertura h3 .ic{color:var(--t-c)}
.tags span:nth-child(5n+1){background:var(--f-v)} .tags span:nth-child(5n+2){background:var(--f-c)} .tags span:nth-child(5n+3){background:var(--f-l)}
.tags span:nth-child(5n+4){background:var(--f-r)} .tags span:nth-child(5n+5){background:var(--f-a)}
.pacote__preco{background:var(--f-l);color:var(--t-l)}
.dep .est{color:#F5A400}

/* ícones da faixa de categorias com traço nas cores do logo, em sequência */
.cats__rolo .cat:nth-child(5n+1) .ic{color:var(--t-v)} .cats__rolo .cat:nth-child(5n+2) .ic{color:var(--t-l)}
.cats__rolo .cat:nth-child(5n+3) .ic{color:var(--t-c)} .cats__rolo .cat:nth-child(5n+4) .ic{color:var(--t-r)}
.cats__rolo .cat:nth-child(5n+5) .ic{color:#B08A00}

/* botões de WhatsApp em verde (os demais seguem roxos) — a camada ::before do .bt fica desligada neles */
.bt.bt-wpp,.fale .bt,.canal--wpp .bt{background:#1FA855!important;color:#fff!important;box-shadow:none}
.bt.bt-wpp::before,.fale .bt::before,.canal--wpp .bt::before{display:none}
.bt.bt-wpp:hover,.fale .bt:hover,.canal--wpp .bt:hover{background:#178A45!important;box-shadow:0 14px 28px rgba(31,168,85,.3)}