/* ---------------------------------------------------------------
   Ajustes próprios, carregados depois de styles.css.
   O CSS original da build fica intacto — é só aqui que se calibra.
   --------------------------------------------------------------- */

/* Véu sobre os retratos.
   O original era `from-black/85 via-black/30 to-black/80`: 85% de preto
   justamente no topo, onde fica o rosto. Aqui o véu é leve na faixa do
   rosto e só fecha na base, onde entra a tarja com o nome. */
.photo-veil {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.30) 0%,
    rgba(0, 0, 0, 0.06) 26%,
    rgba(0, 0, 0, 0.00) 52%,
    rgba(0, 0, 0, 0.30) 80%,
    rgba(0, 0, 0, 0.68) 100%
  );
}

/* No mobile o bloco da foto é mais baixo (50vh) e o corte fica mais
   fechado no rosto: véu ainda mais discreto em cima. */
@media (max-width: 767px) {
  .photo-veil {
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.22) 0%,
      rgba(0, 0, 0, 0.00) 40%,
      rgba(0, 0, 0, 0.32) 78%,
      rgba(0, 0, 0, 0.70) 100%
    );
  }
}

/* Enquadramento: puxa o corte para a altura do rosto em vez do centro
   geométrico, que no retrato 2:3 cai no peito. */
.photo-portrait {
  object-position: 50% 22%;
}

/* A segunda foto tem bastante fundo vazio acima da cabeça: puxar o corte
   para cima mostraria mais vazio, então o recorte fica quase no centro. */
.photo-portrait-office {
  object-position: 50% 40%;
}

/* Foto do hero no mobile: usa mauro-hero-mobile.jpg, um recorte em que o
   rosto é o centro geométrico da imagem. Com o centro no rosto, o recorte
   que o `cover` faz é sempre simétrico e o rosto continua centrado em
   qualquer proporção de tela (o bloco é 50vh, então varia por aparelho). */
.photo-face-centered {
  object-position: 50% 50%;
}

/* ---------------------------------------------------------------
   Paleta: troca do azul pelo marrom-café

   O build trazia os painéis em `--navy`, hue 250 (azul). Ao lado do
   dourado (hue 77.4) e do preto puro, ele lia como uma cor de outro
   sistema -- fria, sem parentesco com o resto.

   Aqui os mesmos tokens são redefinidos na hue do dourado, com chroma
   baixa e luminosidade bem escura: o painel continua se destacando do
   preto, mas agora como uma versão profunda da própria cor da marca.
   O `--navy-foreground` não muda porque já era quente (hue 87.2).

   Só os valores mudam; os nomes seguem os do build para não quebrar as
   classes `bg-navy`, `border-navy-border` e `text-navy-foreground`.
   --------------------------------------------------------------- */

:root {
  --navy: oklch(20.5% 0.016 77.4);
  --navy-soft: oklch(15.5% 0.012 77.4);
  --navy-border: oklch(46% 0.03 77.4 / 0.42);
}