/* ============================================================================
   INSTITUTO ROCCA — /dr-tulio-bovo/ · regras só desta página
   ----------------------------------------------------------------------------
   Lê brand/tokens.css, shared/base.css e site/site.css (hero interno com
   retrato, .tres, .figura-apoio, .lista-links, .perguntas-lista, .stream e o
   fecho já vêm de lá; o rótulo do hero, o par "Assistir: Quem eu sou", a
   lista .quem__lista, o vídeo .quem__video e a linha .outros também, porque
   as três páginas dos médicos os repetem). Aqui entra só o que é desta
   página: a largura da citação, a posição do vídeo e do texto na seção 01,
   os ajustes de 02 (Como eu conduzo) e o respiro de 03.
   Mobile-first; breakpoints 640 / 900 / 1200 / 1440; sem border-radius.
   URLs em CSS resolvem a partir deste arquivo: ../../assets/…
   ============================================================================ */

/* ---- Hero: a citação é mais longa que o padrão de 34ch ---------------------------- */
.pagina--dr-tulio-bovo .hero__citacao { max-width: 40ch; }

/* ---- 01 · Quem eu sou: texto à direita, vídeo vertical à esquerda ------------------- */
.quem__in { align-items: start; }
.quem__abre { margin-top: 1.6rem; max-width: 40ch; }
.quem__video .stream { background: var(--cor-bordo-profundo); }
@media (min-width: 900px) {
  .quem__in { align-items: center; }
  .quem__video { grid-column: 1 / span 4; grid-row: 1; }
  .quem__texto { grid-column: 6 / span 7; grid-row: 1; }
}

/* ---- 02 · Como eu conduzo: os três blocos logo abaixo do cabeçalho; foto de apoio ------ */
.conduzo .tres { margin-top: 0; }
.conduzo__assinatura { margin-top: 2rem; }
.conduzo__figura .paralaxe { aspect-ratio: 3 / 2; background: var(--cor-bordo-profundo); }
.conduzo__figura .paralaxe__in img { height: 100%; aspect-ratio: auto; }
@media (min-width: 900px) { .conduzo__figura .paralaxe { aspect-ratio: 21 / 9; } }

/* ---- 03 · O que eu trato: a lista respira um pouco mais que o padrão ----------------- */
.trato .lista-links a { padding-block: 1.5rem; }