/* ==========================================================================
   LUBTECH — SITE v1
   Escrito sobre tokens.css. Nada de cor solta: tudo sai de variável.
   Regra 4: a cor de categoria só navega. Regra 5: nenhum botão compra.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--lt-canvas-light);
  color: var(--lt-body-light);
  font-family: var(--lt-font-body);
  font-size: var(--lt-size-body-md);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

.sr, .pula {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.pula:focus {
  position: fixed; top: 12px; left: 12px; z-index: 999; width: auto; height: auto;
  clip: auto; padding: 12px 20px; background: var(--lt-primary); color: var(--lt-on-primary);
  border-radius: var(--lt-r-md); font-weight: 700;
}

.container { width: 100%; max-width: var(--lt-container); margin: 0 auto; padding: 0 var(--lt-sp-12); }
.container.estreito { max-width: 820px; }
.container.centro, .centro { text-align: center; }
.medida { max-width: 680px; }

/* ---------- TIPOGRAFIA ---------------------------------------------------- */
.display-lg, .display-md, .display-xl, .manchete, h1, h2, h3 {
  font-family: var(--lt-font-display);
  font-weight: var(--lt-weight-display);
  text-transform: uppercase;
  letter-spacing: var(--lt-track-display);
  line-height: 1.08;
  margin: 0;
  text-wrap: balance;
}
.display-lg { font-size: clamp(28px, 3.4vw, var(--lt-size-display-lg)); }
.display-md { font-size: clamp(24px, 2.6vw, var(--lt-size-display-md)); }
.title-lg { font-family: var(--lt-font-body); font-size: var(--lt-size-title-lg); font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1.35; margin: 0; }
.title-md { font-family: var(--lt-font-body); font-size: var(--lt-size-title-md); font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1.4; margin: 0; }
.bar-label { font-family: var(--lt-font-body); font-size: var(--lt-size-bar-label); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin: 0; }
.eyebrow {
  font-family: var(--lt-font-body); font-size: var(--lt-size-eyebrow); font-weight: 600;
  text-transform: uppercase; letter-spacing: var(--lt-track-eyebrow);
  color: var(--lt-muted); margin: 0 0 var(--lt-sp-4);
}
.corpo { font-size: var(--lt-size-body-md); line-height: 1.6; margin: 0 0 var(--lt-sp-4); }
.corpo.grande { font-size: var(--lt-size-body-lg); }
.corpo.destaque { font-size: var(--lt-size-body-lg); color: var(--lt-body-light); }
.apoio { font-size: var(--lt-size-body-lg); line-height: 1.6; color: var(--lt-muted); margin: var(--lt-sp-4) 0 0; }
.amarelo { color: var(--lt-primary); }

.manchete { font-size: clamp(34px, 5vw, var(--lt-size-display-xl)); letter-spacing: var(--lt-track-display-large); }
.manchete span { display: block; }
.manchete .v-amarela { color: var(--lt-primary); }
.manchete .v-branca { color: var(--lt-on-ink); }

/* ---------- BOTÕES -------------------------------------------------------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 15px 28px;
  font-family: var(--lt-font-body); font-size: var(--lt-size-button); font-weight: 700;
  text-transform: uppercase; letter-spacing: var(--lt-track-button); text-decoration: none;
  border-radius: var(--lt-r-md); border: 2px solid transparent; cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.btn-primario { background: var(--lt-primary); color: var(--lt-on-primary); }
.btn-primario:hover { background: var(--lt-primary-deep); }
.btn-primario:active { background: var(--lt-primary-press); }
.btn-contorno-escuro { color: var(--lt-primary); border-color: var(--lt-primary); }
.btn-contorno-escuro:hover { background: var(--lt-primary); color: var(--lt-on-primary); }
.btn-contorno-claro { color: var(--lt-ink); border-color: var(--lt-ink); }
.btn-contorno-claro:hover { background: var(--lt-ink); color: var(--lt-on-ink); }
:focus-visible { outline: 3px solid var(--lt-primary); outline-offset: 2px; }

/* ---------- CABEÇALHO ----------------------------------------------------- */
.topo { position: sticky; top: 0; z-index: 100; background: var(--lt-ink); }
.topo-int {
  max-width: var(--lt-container); margin: 0 auto; height: 76px;
  padding: 0 var(--lt-sp-12); display: flex; align-items: center; gap: var(--lt-sp-8);
}
.placa {
  display: flex; align-items: center; flex: none;
}
.placa img { height: 34px; width: auto; display: block; }
.menu { margin-left: auto; display: flex; align-items: center; gap: var(--lt-sp-6); }
.menu-lista { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.menu-lista > li { position: static; }
.menu-lista > li > a {
  font-size: 12.5px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.06em; color: var(--lt-on-ink-muted); text-decoration: none;
  padding: 10px 14px; display: flex; align-items: center; gap: 7px; border-radius: var(--lt-r-sm);
  transition: color .16s ease, background-color .16s ease;
}
.menu-lista > li > a:hover, .menu-lista .current-menu-item > a,
.menu-lista .current_page_parent > a { color: var(--lt-primary); }
.menu-lista > li.aberto > a { color: var(--lt-primary); background: var(--lt-ink-deep); }
.mi-seta {
  width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg); opacity: .55; transition: transform .18s ease, opacity .18s ease;
}
.menu-lista > li.aberto .mi-seta { transform: translateY(1px) rotate(225deg); opacity: 1; }
.menu-cta { min-height: 38px; padding: 10px 18px; font-size: 12.5px; letter-spacing: 0.06em; }
.menu-botao { display: none; }

/* ---------- ABERTURA DE SEÇÃO EM BARRA ------------------------------------
   Numeral grande, barra escura com o título em display, conteúdo claro abaixo.
   O filete à esquerda carrega a cor da categoria; o numeral vai em amarelo
   porque as linhas 01 e 02 são escuras demais para ler sobre a barra. */
.abre-secao { margin-bottom: var(--lt-sp-8); }
.as-barra {
  display: flex; align-items: center; gap: var(--lt-sp-5);
  background: var(--lt-ink-raised); border-radius: var(--lt-r-xs);
  border-left: 5px solid var(--cat, var(--lt-primary));
  padding: var(--lt-sp-4) var(--lt-sp-6);
}
.as-n {
  font-family: var(--lt-font-display); font-weight: 900; font-size: 34px; line-height: 1;
  color: var(--lt-primary); flex: none; font-variant-numeric: tabular-nums;
}
.as-titulo {
  font-family: var(--lt-font-display); font-weight: 900; text-transform: uppercase;
  font-size: var(--lt-size-display-sm); line-height: 1.1; color: var(--lt-on-ink); margin: 0;
}
.as-apoio {
  margin: var(--lt-sp-4) 0 0; color: var(--lt-muted);
  font-size: var(--lt-size-body-md); max-width: 68ch;
}
.tema-escuro .as-barra { background: rgba(255,255,255,.07); }
.tema-escuro .as-apoio { color: var(--lt-on-ink-muted); }

/* ---------- MEGA MENU ------------------------------------------------------ */
.mega {
  position: absolute; left: 0; right: 0; top: 100%;
  /* a faixa invisível acima fecha o vão entre o link e o painel, para o
     ponteiro não sair do elemento no meio do caminho */
  background: var(--lt-ink-deep); border-top: 1px solid var(--lt-ink-hairline);
  box-shadow: 0 24px 48px rgba(0,0,0,.45); z-index: 90;
}
.mega::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.mega-int {
  max-width: var(--lt-container); margin: 0 auto; padding: var(--lt-sp-6) var(--lt-sp-12);
  display: grid; grid-template-columns: 286px 1fr; gap: var(--lt-sp-8);
}
.mega-estreito .mega-int { grid-template-columns: 1fr; }

.mega-trilho { display: grid; gap: 1px; align-content: start; border-right: 1px solid var(--lt-ink-hairline); padding-right: var(--lt-sp-6); }
.mega-aba {
  display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: var(--lt-sp-3);
  padding: 8px 10px; border-radius: var(--lt-r-sm); text-decoration: none;
  border-left: 2px solid transparent; transition: background-color .14s ease, border-color .14s ease;
}
.mega-aba .ma-n {
  font-family: var(--lt-font-display); font-weight: 900; font-size: 12px;
  color: var(--cat, var(--lt-steel)); line-height: 1; letter-spacing: 0;
}
.mega-aba-todos .ma-n { color: var(--lt-primary); font-size: 15px; }
.mega-aba .ma-nome { font-size: 13px; font-weight: 600; color: var(--lt-on-ink-muted); line-height: 1.25; }
.mega-aba .ma-conta { font-size: 11px; color: var(--lt-steel); font-variant-numeric: tabular-nums; }
.mega-aba:hover, .mega-aba.ativa { background: rgba(255,255,255,.055); border-left-color: var(--cat, var(--lt-primary)); }
.mega-aba:hover .ma-nome, .mega-aba.ativa .ma-nome { color: var(--lt-on-ink); }
.mega-aba-todos { margin-bottom: var(--lt-sp-2); }
.mega-aba-todos .ma-nome { color: var(--lt-on-ink); }

.mega-painel { min-width: 0; position: relative; }
.mega-pane[hidden] { display: none; }
.mega-titulo {
  font-size: 11px; font-weight: 700; letter-spacing: var(--lt-track-eyebrow); text-transform: uppercase;
  color: var(--lt-primary); margin: 0 0 var(--lt-sp-4); display: flex; align-items: baseline; gap: 10px;
}
.mega-titulo .mt-n { font-family: var(--lt-font-display); font-weight: 900; font-size: 13px; color: var(--cat); letter-spacing: 0; }
.mega-resumo { font-size: 13px; color: var(--lt-on-ink-muted); margin: 0 0 var(--lt-sp-4); max-width: 60ch; }

.mega-grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lt-sp-3); }
.mega-card {
  display: grid; gap: 3px; padding: var(--lt-sp-3) var(--lt-sp-4); text-decoration: none;
  background: rgba(255,255,255,.04); border-radius: var(--lt-r-md);
  border-left: 3px solid var(--cat); transition: background-color .14s ease, transform .14s ease;
}
.mega-card:hover { background: rgba(255,255,255,.09); transform: translateY(-1px); }
.mc-n { font-family: var(--lt-font-display); font-weight: 900; font-size: 13px; color: var(--cat); line-height: 1; }
.mc-nome { font-size: 13px; font-weight: 700; color: var(--lt-on-ink); line-height: 1.25; }
.mc-conta { font-size: 11px; color: var(--lt-steel); }

.mega-itens { list-style: none; margin: 0; padding: 0; columns: 3; column-gap: var(--lt-sp-6); }
.mega-itens li { break-inside: avoid; margin-bottom: 7px; }
.mega-itens a {
  font-size: 13px; color: var(--lt-on-ink-muted); text-decoration: none; line-height: 1.35;
  display: block; padding: 2px 0; transition: color .14s ease;
}
.mega-itens a:hover { color: var(--lt-primary); }
.mega-vazio { font-size: 13px; color: var(--lt-steel); margin: 0; }
.mega-ver {
  display: inline-flex; align-items: center; gap: 7px; margin-top: var(--lt-sp-5);
  font-size: 11px; font-weight: 700; letter-spacing: var(--lt-track-button); text-transform: uppercase;
  color: var(--lt-primary); text-decoration: none;
}
.mega-ver:hover { text-decoration: underline; text-underline-offset: 3px; }

.mega-setores { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lt-sp-3); }
.mega-setor {
  display: flex; align-items: center; gap: var(--lt-sp-3); padding: 7px; text-decoration: none;
  background: rgba(255,255,255,.04); border-radius: var(--lt-r-md); transition: background-color .14s ease;
}
.mega-setor:hover { background: rgba(255,255,255,.09); }
.ms-foto { width: 52px; height: 40px; border-radius: var(--lt-r-xs); overflow: hidden; flex: none; background: var(--lt-ink-raised); }
.ms-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ms-nome { font-size: 13px; font-weight: 600; color: var(--lt-on-ink); line-height: 1.25; }
.mega-painel.solo { padding: 0; }

/* ---------- BANNER, SCRIM E PAINEL FUMÊ ----------------------------------- */
.banner { position: relative; min-height: var(--alt, 420px); display: flex; align-items: center; background: var(--lt-ink-deep); overflow: hidden; }
.banner-foto {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  background-color: var(--lt-ink-raised);
}
.banner-foto:not([style]) {
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 12px, transparent 12px 24px),
    linear-gradient(160deg, var(--lt-ink-raised), var(--lt-ink-deep));
}
.banner-scrim { position: absolute; inset: 0; background: var(--lt-scrim); }
.banner-int { position: relative; padding-top: var(--lt-sp-16); padding-bottom: var(--lt-sp-16); }
.painel-fume {
  width: var(--painel, 66%); background: var(--lt-panel-smoke);
  border-radius: var(--lt-r-plate); padding: var(--lt-sp-12);
  box-shadow: var(--lt-shadow-panel); backdrop-filter: blur(2px);
}
.painel-fume .eyebrow { color: var(--lt-primary); }
.banner-apoio { color: var(--lt-on-ink-muted); font-size: var(--lt-size-body-lg); margin: var(--lt-sp-5) 0 0; max-width: 62ch; }
.banner-botoes { display: flex; flex-wrap: wrap; gap: var(--lt-sp-3); margin-top: var(--lt-sp-8); }
.banner-numeral {
  position: absolute; top: 8px; right: 5%; font-family: var(--lt-font-display); font-weight: 900;
  font-size: var(--lt-size-numeral); line-height: 1; color: rgba(255,255,255,.12);
}
.aba-lateral {
  position: absolute; right: 0; top: 0; bottom: 0; width: var(--lt-side-tab);
  background: var(--cat); display: flex; align-items: center; justify-content: center;
}
.aba-lateral span {
  writing-mode: vertical-rl; transform: rotate(180deg); color: #fff;
  font-size: var(--lt-size-spec); font-weight: 700; text-transform: uppercase; letter-spacing: .14em;
}

.migalha { font-size: var(--lt-size-caption); color: var(--lt-on-ink-muted); margin-bottom: var(--lt-sp-4); }
.migalha a { color: var(--lt-on-ink-muted); text-decoration: none; }
.migalha a:hover { color: var(--lt-primary); }
.migalha .sep { margin: 0 8px; opacity: .5; }

.faixa-titulo { background: var(--lt-ink); color: var(--lt-on-ink); padding: var(--lt-sp-16) 0; }
.faixa-titulo.alta { padding: var(--lt-sp-24) 0; }
.faixa-titulo .migalha { color: var(--lt-on-ink-muted); }

/* ---------- BLOCOS DE SEÇÃO ----------------------------------------------- */
.bloco { padding: var(--lt-sp-24) 0; }
.bloco.baixo { padding: var(--lt-sp-16) 0; }
.tema-claro { background: var(--lt-canvas-light); }
.tema-fundo { background: var(--lt-surface-sunken); }
.tema-escuro { background: var(--lt-ink); color: var(--lt-on-ink); }
.tema-escuro .eyebrow { color: var(--lt-primary); }
.tema-escuro .apoio, .tema-escuro .corpo { color: var(--lt-on-ink-muted); }

.sec-head { margin-bottom: var(--lt-sp-12); }
.sec-head.centro { margin-inline: auto; max-width: 720px; }
.sec-head .apoio { max-width: 68ch; }
.sec-head.centro .apoio { margin-inline: auto; }
.bloco-cta { margin-top: var(--lt-sp-12); text-align: center; }

.grade-2, .grade-3, .grade-4 { display: grid; gap: var(--lt-sp-6); }
.grade-2 { grid-template-columns: repeat(2, 1fr); }
.grade-3 { grid-template-columns: repeat(3, 1fr); }
.grade-4 { grid-template-columns: repeat(4, 1fr); }
.grade-45-55 { display: grid; grid-template-columns: 45fr 55fr; gap: var(--lt-sp-12); align-items: center; }
.grade-55-45 { display: grid; grid-template-columns: 55fr 45fr; gap: var(--lt-sp-12); align-items: center; }
.grade-50-50 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lt-sp-12); align-items: start; }
.alinha-topo { align-items: start; }

/* ---------- CARDS --------------------------------------------------------- */
.sem-foto {
  text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center;
  aspect-ratio: 4 / 3; background: var(--lt-surface-sunken);
  border: 1px dashed var(--lt-hairline-light); color: var(--lt-muted-soft);
  font-size: var(--lt-size-caption); text-transform: uppercase; letter-spacing: .12em; padding: 12px;
}
.sem-foto.grande { aspect-ratio: 3 / 2; }

.card-produto {
  background: var(--lt-surface-card); border-radius: var(--lt-r-lg); overflow: hidden;
  box-shadow: var(--lt-shadow-card); display: flex; flex-direction: column;
  border-top: 4px solid var(--cat); transition: transform .15s ease, box-shadow .15s ease;
}
.card-produto:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(35,31,32,.16); }
.card-produto .card-foto { display: block; background: var(--lt-surface-card); text-decoration: none; }
.card-produto .card-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: var(--lt-sp-4); }
.card-corpo { padding: var(--lt-sp-5); display: flex; flex-direction: column; gap: var(--lt-sp-3); flex: 1; }
.card-corpo h3 a { text-decoration: none; }
.badge-cat {
  align-self: flex-start; font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: var(--cat-fg, #fff); background: var(--cat); padding: 4px 10px;
  border-radius: var(--lt-r-xs); text-decoration: none;
}
.card-specs { margin: 0; display: grid; gap: 4px; }
.card-specs div { display: flex; gap: 8px; font-size: var(--lt-size-spec); border-top: 1px solid var(--lt-hairline-light); padding-top: 4px; }
.card-specs dt { font-weight: 700; color: var(--lt-body-light); flex: none; }
.card-specs dd { margin: 0; color: var(--lt-muted); }
.card-link {
  margin-top: auto; font-size: var(--lt-size-spec); font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; color: var(--lt-ink);
}
.card-link::after { content: " →"; }

.card-sistema {
  display: flex; flex-direction: column; text-decoration: none;
  background: var(--lt-surface-card); border-radius: var(--lt-r-lg); overflow: hidden;
  box-shadow: var(--lt-shadow-card); transition: transform .15s ease, box-shadow .15s ease;
}
.card-sistema:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(35,31,32,.16); }
.cs-barra {
  display: flex; align-items: center; gap: var(--lt-sp-4);
  background: var(--lt-ink-raised); border-left: 5px solid var(--cat);
  padding: var(--lt-sp-4) var(--lt-sp-5); min-height: 84px;
}
.cs-n {
  font-family: var(--lt-font-display); font-weight: 900; font-size: 34px; line-height: 1;
  color: var(--lt-primary); flex: none; font-variant-numeric: tabular-nums;
}
.cs-titulo {
  font-family: var(--lt-font-display); font-weight: 900; text-transform: uppercase;
  font-size: 16px; line-height: 1.15; letter-spacing: .01em; color: var(--lt-on-ink);
}
.cs-corpo { display: flex; flex-direction: column; gap: var(--lt-sp-3); flex: 1; padding: var(--lt-sp-5) var(--lt-sp-6) var(--lt-sp-5); }
.cs-resumo { font-size: var(--lt-size-body-sm); color: var(--lt-muted); }
.cs-pe { margin-top: auto; padding-top: var(--lt-sp-4); display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--lt-hairline-light); }
.cs-conta { font-size: var(--lt-size-caption); text-transform: uppercase; letter-spacing: .1em; color: var(--lt-muted); }
.cs-seta { color: var(--lt-ink); font-weight: 700; }

.card-segmento { display: block; text-decoration: none; border-radius: var(--lt-r-lg); overflow: hidden; background: var(--lt-surface-card); box-shadow: var(--lt-shadow-card); }
.card-segmento .cg-foto { display: block; }
.card-segmento .cg-foto img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.cg-corpo { display: block; padding: var(--lt-sp-5); }
.cg-resumo { display: block; font-size: var(--lt-size-body-sm); color: var(--lt-muted); margin-top: 6px; }
.card-segmento.compacto .cg-corpo { padding: var(--lt-sp-4); }
.tema-escuro .card-segmento { background: var(--lt-ink-raised); color: var(--lt-on-ink); }
.tema-escuro .card-segmento .sem-foto { background: var(--lt-ink-deep); border-color: var(--lt-ink-hairline); }

.card-indicado {
  display: flex; flex-direction: column; gap: var(--lt-sp-3); text-decoration: none;
  background: var(--lt-surface-card); border-radius: var(--lt-r-lg); padding: var(--lt-sp-6);
  border-left: 6px solid var(--cat); box-shadow: var(--lt-shadow-card);
}
.card-post { display: block; text-decoration: none; background: var(--lt-surface-card); border-radius: var(--lt-r-lg); padding: var(--lt-sp-6); box-shadow: var(--lt-shadow-card); }

/* ---------- CARROSSEL ----------------------------------------------------- */
.carrossel { position: relative; }
.carrossel-trilho {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc(25% - 18px);
  gap: var(--lt-sp-6); overflow-x: auto; scroll-snap-type: x mandatory;
  padding-bottom: var(--lt-sp-4); scrollbar-width: thin;
}
.carrossel-trilho > * { scroll-snap-align: start; }
.carrossel-controles { display: flex; gap: var(--lt-sp-2); justify-content: flex-end; margin-top: var(--lt-sp-4); }
.carrossel-controles button {
  width: 44px; height: 44px; border-radius: var(--lt-r-md); border: 2px solid var(--lt-ink);
  background: transparent; color: var(--lt-ink); font-size: 18px; cursor: pointer;
}
.tema-escuro .carrossel-controles button { border-color: var(--lt-primary); color: var(--lt-primary); }

/* ---------- LISTAS E BLOCOS DE TEXTO -------------------------------------- */
.lista-marcada ul { list-style: none; margin: var(--lt-sp-4) 0 0; padding: 0; }
.lista-marcada li { position: relative; padding: var(--lt-sp-3) 0 var(--lt-sp-3) var(--lt-sp-8); border-bottom: 1px solid var(--lt-hairline-light); font-size: var(--lt-size-body-md); }
.lista-marcada li::before { content: ""; position: absolute; left: 0; top: 22px; width: 18px; height: 3px; background: var(--lt-primary); }
.tema-escuro .lista-marcada li { border-color: var(--lt-ink-hairline); }

.dor { background: var(--lt-surface-card); border-radius: var(--lt-r-lg); padding: var(--lt-sp-8); box-shadow: var(--lt-shadow-card); }
.dor-risco { display: block; width: 32px; height: 4px; background: var(--lt-steel); margin-bottom: var(--lt-sp-5); }
.dor h3 { margin-bottom: var(--lt-sp-3); }

/* o bloco de números é vitrine: valor e rótulo centrados na coluna */
.numeros .numero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--lt-sp-2); }
/* o amarelo não se lê sobre claro: sobre fundo claro o numeral vai em tinta,
   e só volta a ser amarelo quando a seção é escura */
.numeros .numero span:first-child { color: var(--lt-ink); }
.numeros .eyebrow { color: var(--lt-muted); margin: 0; }
.tema-escuro .numeros .numero span:first-child,
.lt-secao-escura .numeros .numero span:first-child { color: var(--lt-primary); }
.tema-escuro .numeros .eyebrow,
.lt-secao-escura .numeros .eyebrow { color: var(--lt-on-ink-muted); }

.servico-destaque {
  background: var(--lt-ink); color: var(--lt-on-ink); border-radius: var(--lt-r-lg);
  padding: var(--lt-sp-12); margin-bottom: var(--lt-sp-6);
}
.servico-destaque .eyebrow { color: var(--lt-primary); }
.servico-destaque .corpo { color: var(--lt-on-ink-muted); max-width: 62ch; margin-top: var(--lt-sp-4); }
.servico { background: var(--lt-surface-card); border-radius: var(--lt-r-lg); padding: var(--lt-sp-6); box-shadow: var(--lt-shadow-card); display: flex; flex-direction: column; gap: var(--lt-sp-3); }

.bloco-inco { display: flex; align-items: center; gap: var(--lt-sp-12); }
.selo-inco { font-family: var(--lt-font-display); text-transform: uppercase; line-height: 1.05; color: var(--lt-muted); margin: 0; }
.selo-inco strong { display: block; color: var(--lt-body-light); font-size: 1.4em; }
.selo-inco.grande { font-size: 22px; flex: none; }

/* ---------- FAQ ----------------------------------------------------------- */
.faq details { border-bottom: 1px solid var(--lt-hairline-light); }
.faq summary {
  cursor: pointer; padding: var(--lt-sp-5) var(--lt-sp-8) var(--lt-sp-5) 0; list-style: none;
  font-weight: 700; font-size: var(--lt-size-title-md); position: relative;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--lt-primary-on-light); }
.faq details[open] summary::after { content: "–"; }
.faq-r { padding: 0 0 var(--lt-sp-5); color: var(--lt-muted); max-width: 72ch; }

/* ---------- GABARITO D: DOBRA E FICHA ------------------------------------- */
.dobra { background: var(--lt-surface-card); padding: var(--lt-sp-16) 0; }
.dobra-foto { background: var(--lt-canvas-light); border-radius: var(--lt-r-lg); padding: var(--lt-sp-8); display: flex; align-items: center; justify-content: center; }
.dobra-foto img { max-height: 460px; width: auto; object-fit: contain; }
.dobra-texto .migalha { color: var(--lt-muted); }
.dobra-texto .migalha a { color: var(--lt-muted); }
.dobra-texto h1 { margin: var(--lt-sp-4) 0; }
.dobra-botoes { display: flex; flex-wrap: wrap; gap: var(--lt-sp-3); margin: var(--lt-sp-6) 0; }
.descricao { color: var(--lt-muted); border-top: 1px solid var(--lt-hairline-light); padding-top: var(--lt-sp-5); }

.barra-secao { background: var(--lt-ink-raised); border-radius: var(--lt-r-xs); padding: 12px var(--lt-sp-5); margin-bottom: var(--lt-sp-6); }
.barra-secao .bar-label { color: var(--lt-primary); }
.ficha { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--lt-sp-12); margin: 0; }
.ficha-linha { display: grid; grid-template-columns: 180px 1fr; gap: var(--lt-sp-4); padding: 10px var(--lt-sp-4); border-bottom: 1px solid var(--lt-hairline-light); font-size: var(--lt-size-spec); }
/* Zebra por linha visual: a ficha roda em duas colunas, então o par 4n+1 / 4n+2
   é que forma uma faixa. */
.ficha-linha:nth-child(4n+1), .ficha-linha:nth-child(4n+2) { background: var(--lt-surface-card); }
.ficha-linha dt { font-weight: 700; text-transform: uppercase; letter-spacing: .01em; }
.ficha-linha dd { margin: 0; color: var(--lt-muted); }
.ficha-extra { font-size: var(--lt-size-spec); color: var(--lt-muted); margin-top: var(--lt-sp-5); }

.comparador-rolo { overflow-x: auto; }
.comparador { width: 100%; border-collapse: collapse; font-size: var(--lt-size-spec); background: var(--lt-surface-card); border-radius: var(--lt-r-lg); overflow: hidden; }
.comparador thead th { background: var(--lt-ink-raised); color: var(--lt-primary); text-align: left; padding: var(--lt-sp-4); font-size: var(--lt-size-spec); text-transform: uppercase; letter-spacing: .08em; }
.comparador thead th a { color: var(--lt-on-ink); text-decoration: none; }
.comparador th, .comparador td { padding: 10px var(--lt-sp-4); border-bottom: 1px solid var(--lt-hairline-light); vertical-align: top; }
.comparador tbody tr:nth-child(even) { background: var(--lt-canvas-light); }
.comparador tbody th { text-align: left; font-weight: 700; text-transform: uppercase; width: 180px; }
.comparador .vazio { color: var(--lt-muted-soft); }

.resumo-produto { display: flex; gap: var(--lt-sp-4); align-items: center; background: rgba(255,255,255,.06); border-radius: var(--lt-r-md); padding: var(--lt-sp-4); margin: var(--lt-sp-6) 0; }
.resumo-produto img, .resumo-produto .sem-foto { width: 72px; height: 72px; object-fit: contain; background: var(--lt-surface-card); border-radius: var(--lt-r-sm); aspect-ratio: auto; }
.resumo-texto strong { display: block; }
.resumo-texto em { font-style: normal; font-size: var(--lt-size-caption); color: var(--lt-on-ink-muted); }

/* ---------- FORMULÁRIO ---------------------------------------------------- */
.form-bloco.tema-claro { background: var(--lt-canvas-light); }
.form-bloco.tema-fundo { background: var(--lt-surface-sunken); }
.form-bloco.tema-escuro { background: var(--lt-ink); color: var(--lt-on-ink); }
.form-bloco.tema-escuro .eyebrow { color: var(--lt-primary); }
.form-bloco.tema-escuro .apoio { color: var(--lt-on-ink-muted); }
.form-caixa { background: var(--lt-surface-card); border-radius: var(--lt-r-lg); padding: var(--lt-sp-8); box-shadow: var(--lt-shadow-card); color: var(--lt-body-light); }
.form-caixa.solta { padding: var(--lt-sp-12); }
.campo { margin: 0 0 var(--lt-sp-4); display: flex; flex-direction: column; gap: 6px; }
.campo label { font-size: var(--lt-size-spec); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.campo input, .campo textarea {
  font-family: var(--lt-font-body); font-size: var(--lt-size-body-md); padding: 13px var(--lt-sp-4);
  border: 1px solid var(--lt-hairline-light); border-radius: var(--lt-r-md);
  background: var(--lt-canvas-light); color: var(--lt-body-light);
}
.campo input:focus, .campo textarea:focus { border-color: var(--lt-ink); background: var(--lt-surface-card); }
.campo-par { display: grid; grid-template-columns: 1fr 1fr; gap: var(--lt-sp-4); }
.campo-hp { position: absolute; left: -9999px; }
.form-cotacao .btn { width: 100%; margin-top: var(--lt-sp-2); }
.form-nota { font-size: var(--lt-size-caption); color: var(--lt-muted); margin: var(--lt-sp-4) 0 0; text-align: center; }
.form-ok { background: var(--lt-success); color: #fff; padding: var(--lt-sp-4); border-radius: var(--lt-r-md); font-weight: 600; margin: 0 0 var(--lt-sp-5); }
.form-contatos { list-style: none; margin: var(--lt-sp-8) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--lt-sp-6); font-weight: 600; }
.form-contatos a { text-decoration: none; }
.form-bloco.tema-escuro .form-contatos a { color: var(--lt-primary); }

.contato-dados dl { margin: var(--lt-sp-6) 0; }
.contato-dados dl > div { padding: var(--lt-sp-4) 0; border-bottom: 1px solid var(--lt-hairline-light); }
.contato-dados dt { font-size: var(--lt-size-caption); text-transform: uppercase; letter-spacing: .12em; color: var(--lt-muted); }
.contato-dados dd { margin: 4px 0 0; font-size: var(--lt-size-body-lg); font-weight: 600; }
.contato-dados a { text-decoration: none; }
.mapa iframe { width: 100%; height: 420px; border: 0; display: block; filter: grayscale(1) contrast(1.05); }

/* ---------- RODAPÉ E WHATSAPP --------------------------------------------- */
.rodape { background: var(--lt-ink-deep); color: var(--lt-on-ink); padding: 80px 0 0; }
.rodape-grade { display: grid; grid-template-columns: 2fr 1fr 1.4fr 1fr; gap: var(--lt-sp-12); }
.rodape-logo { height: 34px; width: auto; margin-bottom: var(--lt-sp-5); }
.rodape p { color: var(--lt-on-ink-muted); font-size: var(--lt-size-body-sm); max-width: 42ch; }
.pilula-url { display: inline-block; border: 1px solid var(--lt-ink-hairline); border-radius: var(--lt-r-md); padding: 6px 14px; margin-top: var(--lt-sp-4); color: var(--lt-primary) !important; font-weight: 600; }
.rodape .bar-label { color: var(--lt-primary); margin-bottom: var(--lt-sp-5); }
.rodape ul, .rodape-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lt-sp-3); }
.rodape a { color: var(--lt-on-ink-muted); text-decoration: none; font-size: var(--lt-size-body-sm); }
.rodape a:hover { color: var(--lt-primary); }
.rodape .endereco { color: var(--lt-on-ink-muted); font-size: var(--lt-size-body-sm); }
.selo-inco-img { height: 30px; width: auto; display: block; margin-bottom: var(--lt-sp-4); }
.selo-inco-img.grande { height: 46px; }
.rodape .selo-inco-texto { color: var(--lt-on-ink-muted); font-size: var(--lt-size-caption); max-width: 30ch; }
.rodape-base { margin-top: var(--lt-sp-16); border-top: 1px solid var(--lt-ink-hairline); padding: var(--lt-sp-6) 0; }
.rodape-base .container { display: flex; justify-content: space-between; gap: var(--lt-sp-6); }
.rodape-base p { font-size: var(--lt-size-caption); margin: 0; }

.zap {
  position: fixed; right: 20px; bottom: 20px; z-index: 90; display: inline-flex; align-items: center; gap: 8px;
  background: var(--lt-primary); color: var(--lt-on-primary); text-decoration: none;
  padding: 12px 18px; border-radius: var(--lt-r-pill); font-weight: 700; font-size: var(--lt-size-body-sm);
  box-shadow: var(--lt-shadow-lifted);
}
.zap svg { width: 22px; height: 22px; }

/* ---------- RESPONSIVO ---------------------------------------------------- */
@media (max-width: 1024px) {
  .container { padding: 0 var(--lt-sp-6); }
  .topo-int { height: 64px; padding: 0 var(--lt-sp-6); }
  .mega, .mega-int { position: static; box-shadow: none; border-top: 0; }
  .mega-int { display: block; padding: 0 0 var(--lt-sp-4); }
  .mega-painel { display: none; }
  .mega-trilho { border-right: 0; padding: 0; gap: 0; }
  .mega-aba { padding: 11px 12px; border-radius: 0; border-left-width: 3px;
    border-bottom: 1px solid var(--lt-ink-hairline); }
  .menu-lista > li { position: relative; }
  .placa img { height: 26px; }
  .as-barra { gap: var(--lt-sp-4); padding: var(--lt-sp-3) var(--lt-sp-4); }
  .as-n { font-size: 26px; }
  .as-titulo { font-size: 20px; }
  .aba-lateral { display: none; }
  .painel-fume { width: 90%; }
  .grade-4 { grid-template-columns: repeat(2, 1fr); }
  .grade-3 { grid-template-columns: repeat(2, 1fr); }
  .grade-45-55, .grade-55-45, .grade-50-50 { grid-template-columns: 1fr; }
  .carrossel-trilho { grid-auto-columns: calc(50% - 12px); }
  .ficha { grid-template-columns: 1fr; }
  .rodape-grade { grid-template-columns: 1fr 1fr; }
  .bloco-inco { flex-direction: column; align-items: flex-start; gap: var(--lt-sp-6); }

  .menu-botao {
    display: flex; flex-direction: column; justify-content: center; gap: 5px; margin-left: auto;
    width: 44px; height: 44px; background: transparent; border: 0; cursor: pointer; padding: 0;
  }
  .menu-botao span { display: block; height: 2px; background: var(--lt-on-ink); }
  .menu {
    position: absolute; left: 0; right: 0; top: 100%; background: var(--lt-ink);
    flex-direction: column; align-items: stretch; gap: 0; padding: var(--lt-sp-4) var(--lt-sp-6) var(--lt-sp-8);
    border-top: 1px solid var(--lt-ink-hairline); display: none;
  }
  .menu.aberto { display: flex; }
  .menu-lista { flex-direction: column; align-items: stretch; gap: 0; }
  .menu-lista > li > a { padding: 14px 0; border-bottom: 1px solid var(--lt-ink-hairline); }
  .menu-cta { margin-top: var(--lt-sp-5); }
}

@media (max-width: 640px) {
  .bloco { padding: var(--lt-sp-16) 0; }
  .banner { min-height: 0; }
  .banner-int { padding: var(--lt-sp-12) 0; }
  .painel-fume { width: 100%; background: var(--lt-ink); padding: var(--lt-sp-6); backdrop-filter: none; }
  .manchete { font-size: 34px; }
  .banner-numeral { font-size: 64px; }
  .grade-3, .grade-4, .grade-2, .campo-par { grid-template-columns: 1fr; }
  .numeros { grid-template-columns: 1fr 1fr; }
  .carrossel-trilho { grid-auto-columns: 82%; }
  .banner-botoes .btn, .dobra-botoes .btn { width: 100%; }
  .rodape-grade { grid-template-columns: 1fr; }
  .rodape-base .container { flex-direction: column; }
  .ficha-linha { grid-template-columns: 1fr; gap: 2px; }
  .zap span { display: none; }
}

/* ---------- CATÁLOGO COMPLETO ---------------------------------------------- */
.catalogo { display: block; }
.cat-filtros {
  display: flex; flex-wrap: wrap; gap: var(--lt-sp-3);
  margin-bottom: var(--lt-sp-8); padding-bottom: var(--lt-sp-6);
  border-bottom: 1px solid var(--lt-hairline-light);
}
.cat-chip {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  font-family: inherit; font-size: var(--lt-size-body-sm); font-weight: 600; line-height: 1;
  color: var(--lt-body-light); background: var(--lt-surface-card);
  border: 1px solid var(--lt-hairline-light); border-left: 4px solid var(--cat, var(--lt-ink));
  border-radius: var(--lt-r-xs); padding: 10px 14px;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.cat-chip:hover { border-color: var(--lt-ink); }
.cat-chip.ativa { background: var(--lt-ink-raised); color: var(--lt-on-ink); border-color: var(--lt-ink-raised); border-left-color: var(--cat, var(--lt-primary)); }
.cc-n { font-family: var(--lt-font-display); font-weight: 900; font-size: 13px; color: var(--cat); font-variant-numeric: tabular-nums; }
.cat-chip.ativa .cc-n { color: var(--lt-primary); }
.cc-conta { font-size: var(--lt-size-caption); color: var(--lt-muted); font-weight: 400; }
.cat-chip.ativa .cc-conta { color: var(--lt-on-ink-muted); }
.cat-item { display: flex; }
.cat-item > .card-produto { width: 100%; }
.cat-item[hidden] { display: none; }
.tema-escuro .cat-chip, .lt-secao-escura .cat-chip { background: var(--lt-ink-raised); color: var(--lt-on-ink); border-color: var(--lt-ink-hairline); }
.tema-escuro .cat-filtros, .lt-secao-escura .cat-filtros { border-bottom-color: var(--lt-ink-hairline); }
@media (max-width: 767px) {
  /* no celular a lista de linhas vira trilho lateral: empilhada, ela sozinha
     ocuparia a tela inteira antes do primeiro produto */
  .cat-filtros { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .cat-filtros::-webkit-scrollbar { display: none; }
  .cat-chip { flex: none; }
}

/* ---------- GALERIA DE UNIDADES (linha de projeto) ------------------------- */
.galeria-linha { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--lt-sp-6); }
.galeria-linha figure {
  margin: 0; background: var(--lt-surface-card); border-radius: var(--lt-r-lg);
  overflow: hidden; box-shadow: var(--lt-shadow-card); display: flex; flex-direction: column;
}
.galeria-linha img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.galeria-linha figcaption {
  padding: var(--lt-sp-5); font-size: var(--lt-size-body-sm); color: var(--lt-muted);
  border-top: 3px solid var(--cat, var(--lt-primary));
}
@media (max-width: 767px) { .galeria-linha { grid-template-columns: 1fr; } }

/* o serviço principal com foto: imagem à esquerda, texto à direita */
.servico-destaque.com-foto { display: grid; grid-template-columns: 42% 1fr; gap: var(--lt-sp-8); align-items: center; }
.servico-destaque .sd-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--lt-r-md, 10px); display: block; }
@media (max-width: 767px) { .servico-destaque.com-foto { grid-template-columns: 1fr; } }

/* ---------- ENDEREÇO + MAPA ------------------------------------------------ */
.bloco-mapa { display: grid; grid-template-columns: 38fr 62fr; gap: var(--lt-sp-8); align-items: stretch; }
.bm-dados address { font-style: normal; color: var(--lt-body-light); line-height: 1.7; margin: var(--lt-sp-4) 0; }
.bm-contatos { list-style: none; padding: 0; margin: 0 0 var(--lt-sp-6); display: grid; gap: 6px; }
.bm-contatos a { color: var(--lt-ink); }
.bm-mapa { min-height: 320px; border-radius: var(--lt-r-lg); overflow: hidden; box-shadow: var(--lt-shadow-card); }
.bm-mapa iframe { width: 100%; height: 100%; min-height: 320px; border: 0; display: block; }
@media (max-width: 767px) { .bloco-mapa { grid-template-columns: 1fr; } }

/* ---------- PÁGINA DE TEXTO CORRIDO (política, termos) --------------------- */
.medida.corpo > h2 {
  font-family: var(--lt-font-display); font-weight: 900; text-transform: uppercase;
  font-size: var(--lt-size-display-sm); line-height: 1.15;
  margin: var(--lt-sp-12) 0 var(--lt-sp-4);
}
.medida.corpo > h2:first-child { margin-top: 0; }
.medida.corpo > p { margin: 0 0 var(--lt-sp-4); }
.medida.corpo > ul { margin: 0 0 var(--lt-sp-5); padding-left: 1.2em; }
.medida.corpo > ul li { margin-bottom: 8px; }
.medida.corpo a { color: var(--lt-ink); text-decoration: underline; text-underline-offset: 2px; }
.medida.corpo .apoio { color: var(--lt-muted); }
.bm-horario { margin: 0 0 var(--lt-sp-6); color: var(--lt-muted); font-size: var(--lt-size-body-sm); line-height: 1.7; }
.bm-horario strong { color: var(--lt-ink); }

/* ---------- NÚMERO QUE SÓ ATENDE NO WHATSAPP ------------------------------ */
.link-zap { display: inline-flex; align-items: center; gap: 7px; }
.link-zap .ico-zap { width: 17px; height: 17px; flex: none; color: #25d366; }
.bm-contatos .link-zap, .contato-dados .link-zap { color: var(--lt-ink); }
.rodape .link-zap { color: inherit; }
.nota-zap { display: block; font-size: var(--lt-size-caption); color: var(--lt-muted); margin-top: 2px; }

/* ---------- SLIDE DO SERVIÇO PRINCIPAL ------------------------------------ */
.destaque-slide { position: relative; border-radius: var(--lt-r-lg); overflow: hidden; background: var(--lt-ink); color: var(--lt-on-ink); }
.ds-quadro { position: relative; }
.ds-quadro[hidden] { display: none; }
/* três faixas em diagonal: o corte reto empilhava as fotos como tabela */
.ds-fundo { position: absolute; inset: 0; z-index: 0; }
.ds-fundo span { position: absolute; inset: 0; background-size: cover; background-position: center; }
/* a folga de 0,15% entre as faixas deixa aparecer um fio escuro na diagonal,
   que é o que faz a divisão ser lida como proposital */
.ds-fundo span:nth-child(1) { clip-path: polygon(0 0, 39.85% 0, 25.85% 100%, 0 100%); }
.ds-fundo span:nth-child(2) { clip-path: polygon(40.15% 0, 73.85% 0, 59.85% 100%, 26.15% 100%); }
.ds-fundo span:nth-child(3) { clip-path: polygon(74.15% 0, 100% 0, 100% 100%, 60.15% 100%); }
/* véu por cima das três faixas: sem ele o texto branco briga com a foto */
.ds-fundo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23,20,21,.68) 0%, rgba(23,20,21,.80) 38%, rgba(23,20,21,.88) 100%); }
.ds-int {
  position: relative; z-index: 1; display: grid; grid-template-columns: 42% 1fr;
  gap: var(--lt-sp-8); align-items: center;
  padding: var(--lt-sp-8) var(--lt-sp-8) calc(var(--lt-sp-8) + 38px);
}
.ds-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; display: block; }
.ds-texto { display: flex; flex-direction: column; gap: var(--lt-sp-4); }
.ds-texto .corpo { color: var(--lt-on-ink-muted); margin: 0; }
.ds-controles {
  position: absolute; right: var(--lt-sp-8); bottom: var(--lt-sp-6); z-index: 2;
  display: flex; align-items: center; gap: var(--lt-sp-4);
}
.ds-seta {
  width: 38px; height: 38px; border-radius: 50%; cursor: pointer;
  background: transparent; color: var(--lt-primary); border: 1px solid var(--lt-primary);
  font-size: 16px; line-height: 1; display: inline-flex; align-items: center; justify-content: center;
}
.ds-seta:hover { background: var(--lt-primary); color: var(--lt-on-primary); }
.ds-pontos { display: inline-flex; gap: 8px; }
.ds-ponto { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; cursor: pointer; background: var(--lt-ink-hairline); }
.ds-ponto.ativa { background: var(--lt-primary); }
@media (max-width: 767px) {
  .ds-int { grid-template-columns: 1fr; padding: var(--lt-sp-6) var(--lt-sp-6) calc(var(--lt-sp-6) + 50px); }
  .ds-controles { left: 0; right: 0; justify-content: center; }
  /* no celular a diagonal fica quase vertical: abre o ângulo */
  .ds-fundo span:nth-child(1) { clip-path: polygon(0 0, 46% 0, 18% 100%, 0 100%); }
  .ds-fundo span:nth-child(2) { clip-path: polygon(46% 0, 82% 0, 54% 100%, 18% 100%); }
  .ds-fundo span:nth-child(3) { clip-path: polygon(82% 0, 100% 0, 100% 100%, 54% 100%); }
}
/* sobre foto, o cinza do corpo perde contraste: no quadro com fundo o texto
   sobe um tom e ganha uma sombra curta */
.ds-quadro:has(.ds-fundo) .ds-texto .corpo { color: #e6e4e4; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.ds-quadro:has(.ds-fundo) .ds-texto h3 { text-shadow: 0 2px 6px rgba(0,0,0,.4); }
.selo-inco-link { display: inline-block; }
.selo-inco-texto a, .corpo a, .bloco-inco a { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.selo-inco-texto a:hover, .corpo a:hover { color: var(--lt-primary); }