/* ProHolz Engenharia | ajustes por página
   Carregado DEPOIS de estilo.css em todas as páginas. As etapas de conteúdo põem aqui o CSS
   específico de uma página, sem mexer em estilo.css. Prefixe com a classe da página ou do bloco
   para não afetar as demais. */

/* ===== Frente SOBRE e CONTATO ===== */
/* Sobre, trajetória: na era ProHolz os anos em faixa ("2015 a 2018") cabem em uma linha */
@media (min-width: 48rem) {
  #trajetoria .timeline__grupo--ph .timeline__lista { grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr)); }
  #trajetoria .timeline__grupo--ph .tl__ano { font-size: clamp(1.5rem, 0.9rem + 1.3vw, 1.875rem); white-space: nowrap; }
}
/* ===== fim: frente SOBRE e CONTATO ===== */

/* ===== Frente: serviços (engenharia, consultoria, gestão de projetos) ===== */
/* Linha de fases da Engenharia: os cinco títulos ocupam a mesma altura (um deles quebra em duas linhas),
   para os textos começarem alinhados. Só no desktop; no celular e no tablet a linha empilha. */
@media (min-width: 62.0625rem) {
  [id="fases-engenharia"] .fase__t { min-height: 2.7em; }
}

/* ===== Cabeçalho: seletor de idioma (PT, EN, ES) ===== */
/* A bandeira da Argentina leva a outro site (proholz.com.ar) e fica à parte: um filete curto a separa das
   bandeiras dos idiomas deste site, que vêm depois dela (no celular, com os rótulos AR | PT EN ES). */
/* ".nav__list a" (inline-block) vence ".flag-link" por especificidade: aqui as bandeiras voltam a ser flex, para o filete
   ficar ao lado da bandeira e as três alinharem pelo meio */
.nav__flag .flag-link { display: inline-flex; align-items: center; vertical-align: middle; }
.flag-link--idioma { margin-left: 0.75rem; }
.flag-link--primeiro { margin-left: 0.875rem; }
.flag-link--primeiro::before { content: ""; align-self: center; width: 1px; height: 1.25rem; margin-right: 0.25rem; background: var(--line-2); }
.js .site-header[data-top="true"]:not(.is-open) .flag-link--primeiro::before { background: rgba(255, 255, 255, 0.4); }