/* ==========================================================================
   QUEM SOMOS — medidas do frame 44:217, canvas 1440x6112.
   Header e rodape ficam em layout.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   NOSSA HISTORIA          Figma: 0 -> 792, fundo #f7f4eb (mesmo do header)
   texto x147 w625 | imagem x873 y273 473x452
   -------------------------------------------------------------------------- */
.rg-historia { background: var(--rg-cream); }
.rg-historia__inner {
  display: flex; align-items: flex-start; gap: 101px;
  padding: var(--rg-secao-y) 94px var(--rg-secao-y) 147px;
}
.rg-historia__texto  { width: 625px; flex: 0 0 auto; }
.rg-historia__titulo { color: var(--rg-green); }        /* Figma #203428 */
.rg-historia__corpo  { margin-top: 40px; }              /* titulo 260 -> texto 348 */
.rg-historia__figura { width: 473px; flex: 0 0 auto; margin: 13px 0 0; }
.rg-historia__img {
  width: 473px; height: 452px; object-fit: cover;
  border-radius: var(--rg-foto-radius);
}

/* --------------------------------------------------------------------------
   QUEM E RAFAELA GUEDES   Figma: 792 -> 1817, fundo #19393c
   titulo bronze 48px | video 1216x683 (16:9) centralizado
   -------------------------------------------------------------------------- */
.rg-video { background: var(--rg-teal); }
.rg-video__inner { padding: var(--rg-secao-y) 112px; }
.rg-video__titulo { color: var(--rg-bronze); }
.rg-video__moldura {
  margin: 56px 0 0; width: 100%; max-width: 1216px; margin-inline: auto;
  border-radius: var(--rg-foto-radius); overflow: hidden;
  box-shadow: 0 24px 60px rgba(1, 1, 1, .32);
}
.rg-video__capa { width: 100%; height: auto; aspect-ratio: 1216 / 683; object-fit: cover; }
.rg-video__player { width: 100%; height: auto; aspect-ratio: 16 / 9; display: block; background: #000; }
.rg-video__embed { position: relative; aspect-ratio: 16 / 9; }
.rg-video__embed iframe,
.rg-video__embed video,
.rg-video__embed > * { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* --------------------------------------------------------------------------
   NOSSA VISAO             Figma: faixa 273:26, 1817 -> 2081 (264px), #e8dacc
   Faixa curta e declarativa: usa um respiro proprio, menor que o das secoes
   cheias, mas igual em cima e embaixo.
   -------------------------------------------------------------------------- */
.rg-visao { background: var(--rg-sand); --rg-secao-y-compacta: 64px; }
.rg-visao__inner { padding: var(--rg-secao-y-compacta) var(--rg-gutter); }
.rg-visao__texto { margin: 24px auto 0; max-width: 746px; }

/* --------------------------------------------------------------------------
   NOSSOS VALORES          Figma: faixa 316:16, 2081 -> 2749, #f7f4eb
   Seis itens, 3 colunas com centros em 321, 719 e 1116.
   Cada icone guarda o tamanho e o topo do Figma.
   -------------------------------------------------------------------------- */
.rg-valores { background: var(--rg-cream); }
.rg-valores__inner { padding: var(--rg-secao-y) var(--rg-gutter); }
.rg-valores__lista {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 36px 0; margin: 40px 0 0; padding: 0; list-style: none;
}
.rg-valor { display: flex; flex-direction: column; align-items: center; text-align: center; }
.rg-valor__icone {
  position: relative; display: block; width: 100%;
  height:        calc(197px * var(--ico-escala, 1));   /* altura do maior icone */
  margin-bottom: calc(-32px * var(--ico-escala, 1));
}
.rg-valor__img { position: absolute; left: 50%; transform: translateX(-50%); object-fit: contain; }

/* tamanho e topo de cada icone — nodes 217:4005, 217:1636, 217:4370,
   217:4726, 217:5071 e 217:2896 */
.rg-valor--1 .rg-valor__img { width: calc(154px * var(--ico-escala,1)); height: calc(154px * var(--ico-escala,1)); top: calc(27px * var(--ico-escala,1)); }
.rg-valor--2 .rg-valor__img { width: calc(144px * var(--ico-escala,1)); height: calc(144px * var(--ico-escala,1)); top: calc(33px * var(--ico-escala,1)); }
.rg-valor--3 .rg-valor__img { width: calc(197px * var(--ico-escala,1)); height: calc(197px * var(--ico-escala,1)); top: 0; }
.rg-valor--4 .rg-valor__img { width: calc(164px * var(--ico-escala,1)); height: calc(164px * var(--ico-escala,1)); top: calc(17px * var(--ico-escala,1)); }
.rg-valor--5 .rg-valor__img { width: calc(191px * var(--ico-escala,1)); height: calc(191px * var(--ico-escala,1)); top: 0; }
.rg-valor--6 .rg-valor__img { width: calc(162px * var(--ico-escala,1)); height: calc(162px * var(--ico-escala,1)); top: calc(14px * var(--ico-escala,1)); }
.rg-valor__rotulo { max-width: 300px; }

/* --------------------------------------------------------------------------
   NOSSA EQUIPE            Figma: frame 46:514, 2750 -> 5780, #e8dacc
   Retratos 355x505, alternando de lado. Container x 178 -> 1308.
   -------------------------------------------------------------------------- */
.rg-equipe { background: var(--rg-sand); }
.rg-equipe__inner { padding: var(--rg-secao-y) 132px var(--rg-secao-y) 178px; }

.rg-pessoa { display: flex; align-items: flex-start; gap: 64px; margin-top: 98px; }
.rg-pessoa:first-of-type { margin-top: 98px; }
.rg-pessoa + .rg-pessoa { margin-top: 120px; }
.rg-pessoa--foto-direita  .rg-pessoa__figura { order: 2; }
.rg-pessoa--foto-esquerda .rg-pessoa__figura { order: 0; }

.rg-pessoa__figura { width: 355px; flex: 0 0 auto; margin: 0; }
.rg-pessoa__img {
  width: 355px; height: 505px; object-fit: cover; object-position: center top;
  border-radius: var(--rg-foto-radius);
}
.rg-pessoa__texto { flex: 1 1 auto; }

.rg-pessoa__nome {
  margin: 0; font-size: var(--rg-fs-h3); font-weight: 600;
  line-height: var(--rg-lh-tight); color: var(--rg-heading);
}
.rg-pessoa__cargo {
  margin: 8px 0 0; font-size: var(--rg-fs-sm); line-height: 1.4;
  color: var(--rg-green); opacity: .85;
}
.rg-pessoa__texto .rg-body { margin-top: 28px; }

/* Rafaela: nome e cargo ficam sob a foto, nao junto do texto */
.rg-pessoa--legenda-foto .rg-pessoa__identificacao { margin-top: 24px; }
.rg-pessoa--legenda-foto .rg-pessoa__cargo { font-size: var(--rg-fs-xs); }
.rg-pessoa--legenda-foto .rg-pessoa__texto .rg-body { margin-top: 0; }

/* --------------------------------------------------------------------------
   CTA FINAL               Figma: y 5366 -> 5690, mesmo fundo da equipe
   -------------------------------------------------------------------------- */
.rg-cta { background: var(--rg-sand); }
.rg-cta__inner {
  display: flex; flex-direction: column; align-items: center;
  padding: var(--rg-secao-y) var(--rg-gutter);
}
.rg-cta .rg-h2 { max-width: 640px; }
.rg-cta__texto { margin: 32px auto 0; max-width: 836px; font-style: normal; }
.rg-cta .rg-btn { margin-top: var(--rg-gap-cta); }