/* Ruminas — páginas institucionais (específicos) */

/* A página Sobre tem 4 números; o componente em components.css usa
   3 colunas (a home tem 3 itens). Com 4 itens a última célula ficava
   sozinha na segunda linha e o vazio aparecia mais claro, porque as
   divisórias são o fundo do container vazando pelo gap de 1px.
   Escopado aqui para não mexer na home. */
.tradition__nums {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 560px) {
  .tradition__nums {
    grid-template-columns: 1fr 1fr;
  }
}

/* ---------- Desenho técnico — página Fabricação sob Medida ----------
   Painel de mídia que substitui o antigo bloco escuro vazio por um
   desenho técnico de engenharia (corte de peça elastomérica).
   Escopado em .split__panel--blueprint — a Home, que usa o mesmo
   componente .split__panel básico, permanece intacta. */
.split__panel--blueprint {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--bg-deep);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

.split__panel--blueprint .blueprint {
  display: block;
  width: 100%;
  height: 100%;
}

.split__panel--blueprint .split__label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  margin: 0;
  background: rgba(8, 9, 11, .72);
  backdrop-filter: blur(2px);
}