/* ============================================================================
   INSTITUTO ROCCA — /dr-breno-gondim/ · regras só desta página
   ----------------------------------------------------------------------------
   O comum vem de brand/tokens.css, shared/base.css e site/site.css (hero
   interno com retrato, .tres, .lista-links, .perguntas-lista, .figura-apoio,
   componente .stream com a base escurecida, o rótulo do hero, o par
   "Assistir: Quem eu sou", a lista .quem__lista, o vídeo .quem__video e a
   linha .outros — tudo isso é comum às três páginas dos médicos). Aqui: o
   alinhamento do bloco 01, a citação de abertura do 02, a moldura com
   paralaxe da foto de apoio e a grade do 03.
   Mobile-first; breakpoints 640 / 900 / 1200 / 1440; sem border-radius.
   URLs em CSS resolvem a partir deste arquivo: ../../assets/…
   ============================================================================ */

/* ---- Hero -------------------------------------------------------------------- */
.hero--interno .hero__citacao .assinatura { margin-top: 1rem; }

/* ---- 01 · Quem eu sou: vídeo vertical à esquerda, texto à direita (largura e ordem do vídeo: site.css) ---- */
.quem__grid { align-items: center; }

/* ---- 02 · Como eu conduzo ------------------------------------------------------------ */
/* a citação à direita é mais alta que o título: alinha pelo topo, não pela base */
.conduzo__cabeca.grid-12 { align-items: start; }
.conduzo__citacao { font-style: italic; }
.conduzo__citacao p { max-width: 38ch; }
.conduzo__citacao p::before { content: "“"; }
.conduzo__citacao p::after { content: "”"; }
.conduzo__abertura > p { margin-top: 1.4rem; max-width: 40ch; }
.conduzo__abertura .assinatura { margin-top: 1.2rem; }
/* foto de apoio com paralaxe leve: a moldura dá a proporção, a .paralaxe__in corre dentro dela */
.conduzo__moldura { aspect-ratio: 3 / 2; background: var(--cor-bordo-profundo); }
.conduzo__moldura img { aspect-ratio: auto; }

/* ---- 03 · O que eu trato --------------------------------------------------------------- */
.trato__grid { align-items: start; }