/* Complementos da página técnica (tecnico.html) e das tabelas técnicas. */

.pagina-tecnica .secao { padding: 48px 0; }
.pagina-tecnica .secao__titulo { max-width: 900px; margin-bottom: 24px; }
.pagina-tecnica h1 { font-size: clamp(1.7rem, 3vw, 2.3rem); }
.pagina-tecnica h2 { font-size: clamp(1.3rem, 2.2vw, 1.7rem); }
.pagina-tecnica h3 { font-size: 1.08rem; margin-top: 1.4em; }

/* tabelas técnicas: densas, com cabeçalho e zebra */
.tt { width: 100%; border-collapse: collapse; font-size: .92rem; margin: 10px 0 18px; background: var(--fundo); }
.tt caption { text-align: left; font-size: .82rem; color: var(--texto-suave); padding-bottom: 6px; }
.tt th, .tt td { border: 1px solid var(--borda); padding: 8px 10px; text-align: left; vertical-align: top; }
.tt thead th {
  background: var(--fundo-alt);
  font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-suave);
}
.tt tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--fundo-alt) 55%, transparent); }
.tt td.num, .tt th.num { text-align: right; font-variant-numeric: tabular-nums; }
.tt code, .pagina-tecnica code {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: .88em;
  background: var(--fundo-alt);
  border: 1px solid var(--borda);
  border-radius: 4px;
  padding: 0 4px;
}
.rolagem { overflow-x: auto; }

/* fórmulas */
.formula {
  font-family: "Cambria Math", "Times New Roman", serif;
  font-size: 1.15rem;
  background: var(--fundo-alt);
  border-left: 4px solid var(--cor, var(--azul-claro));
  border-radius: 6px;
  padding: 12px 18px;
  margin: 10px 0 6px;
  overflow-x: auto;
}
.formula + .nota { margin-top: 4px; }

/* bloco de especificação com foto ao lado */
.espec {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 32px;
  align-items: start;
  padding: 36px 0;
  border-top: 1px solid var(--borda);
}
.espec:first-of-type { border-top: none; }
.espec .foto-produto { position: sticky; top: 90px; }

/* índice lateral da página */
.sumario {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 0 0 28px; padding: 0; list-style: none;
}
.sumario a {
  display: inline-block; padding: 6px 12px; border-radius: 8px;
  border: 1px solid var(--borda); text-decoration: none; font-size: .88rem; font-weight: 600;
  color: var(--texto); background: var(--fundo);
}
.sumario a:hover { border-color: var(--azul-claro); color: var(--azul-claro); }

.bloco-programa { padding: 36px 0; border-top: 1px solid var(--borda); scroll-margin-top: 90px; }
.bloco-programa:first-of-type { border-top: none; }
.bloco-programa .programa__cabeca { margin-bottom: 4px; }

.duas-colunas { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }

@media (max-width: 960px) {
  .espec, .duas-colunas { grid-template-columns: 1fr; }
  .espec .foto-produto { position: static; }
}

/* aviso de recurso que está chegando */
.em-breve {
  display: inline-block;
  max-width: 70ch;
  margin: 4px 0 18px;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--cor, var(--azul-claro)) 45%, var(--borda));
  background: color-mix(in srgb, var(--cor, var(--azul-claro)) 10%, var(--fundo));
  color: var(--texto);
  font-size: .95rem;
}
.em-breve strong { color: var(--cor, var(--azul-claro)); }