/* ===== Sobre body (flow, green) — faithful port of sobre.html inline <style> ===== */
/* FUNDO image starts at canvas y=363; .sobre starts at canvas 465 → shift up 102px (6.375rem) to kill the green band under the nav */
/* Full FUNDO composite = the design's exact background (green + decorations + panel, all baked). Offset −6.375rem to align (FUNDO starts at canvas 363, .sobre at 465). */
.sobre{background:#2f8d7d url('../../img/sobre-fundo.webp') center -6.375rem / 100% auto no-repeat;padding-bottom:6rem}

/* Team wrapper: transparent — the rounded panel is already in the bg composite. Just holds the sections; margin/padding place them INSIDE the baked panel (top at canvas 2174, título target 2324 → ~150px in). */
.teams{margin-top:0;padding-top:15.1rem;padding-bottom:26.3rem}

/* História */
.historia{padding:10.75rem var(--inset) 0}
.historia__title{margin:0;font-weight:300;font-style:italic;text-transform:uppercase;font-size:3.906rem;letter-spacing:var(--track);color:var(--teal)}
.lead{margin:3.75rem 0 0;max-width:59.4rem;font-weight:300;font-style:italic;font-size:1.5625rem;line-height:1.5;letter-spacing:var(--track)}
.video{margin:4.75rem 0 0;max-width:80.06rem;position:relative;z-index:2}
.video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:0.75rem;display:block;background:#000;box-shadow:0 0.75rem 1.5rem rgba(0,0,0,.35)}
.mission{position:relative;z-index:1;margin:-22.8rem 0 0 -3.69rem;max-width:87.25rem;background:rgba(31,35,49,.702);border-radius:1.25rem;padding:28.5rem 3.69rem 3.5rem}
.mission__title{margin:0;font-weight:400;font-style:italic;text-transform:uppercase;font-size:2.717rem;letter-spacing:var(--track)}
.mission__title span{color:var(--teal)}
.mission__text{margin:1.5rem 0 0;max-width:61rem;font-weight:300;font-style:italic;font-size:1.811rem;line-height:1.29;letter-spacing:var(--track)}

/* Equipe sections */
.equipe{padding:0 12%}
/* PSD shows only thin eyebrow rules between groups (Line 2/3, 5px, #DBEDE9) — no heavy full-width dashed rule. Keep a subtle thin dashed line for group separation, tightened to the PSD's ~106–133px inter-group gap. */
.equipe__sep{border:0;border-top:0.125rem dashed #d9f2ec;opacity:.35;margin:3.5rem 12%}
.equipe__head{display:flex;align-items:flex-end;gap:1.75rem;margin:0 0 7.2rem;position:relative}
.equipe__titles{flex:0 0 auto}
.equipe__small{display:block;font-weight:300;font-style:italic;font-size:1.6rem;letter-spacing:0.03em;color:#d9f2ec}
.equipe__big{display:block;margin:0;font-weight:300;font-style:italic;font-size:2.85rem;letter-spacing:0.02em}
/* two decorative lines: short LEFT at EQUIPE (top) level, long RIGHT at big-title (bottom) level; both bleed past the .equipe 12% inset toward the panel edges */
.equipe__eyebrow-line{position:absolute;left:-13.5rem;top:0.55rem;width:12.9rem;height:0.3125rem;background:#d9f2ec;opacity:.55}
.equipe__rule{flex:1 1 auto;align-self:flex-end;height:0.3125rem;background:#d9f2ec;opacity:.55;margin:0 -13.5rem 0.9rem 0}

.people{display:grid;grid-template-columns:1fr 1fr;column-gap:14rem;row-gap:5.75rem}
.people--3{grid-template-columns:repeat(3,1fr);column-gap:9.19rem;row-gap:5.75rem;align-items:start}
.people__sep{border:0;width:59.25rem;max-width:100%;height:0.3125rem;background:#d9f2ec;opacity:.5;margin:3.4rem 0}

.person{display:flex;gap:1.375rem;align-items:center}
.person--stack{flex-direction:column;align-items:flex-start;gap:1.25rem}
.person__photo{width:10.375rem;height:10.375rem;border-radius:50%;object-fit:cover;flex:0 0 auto;background:rgba(255,255,255,.06)}
.person__text{min-width:0;font-size:1.302rem;line-height:1.22;letter-spacing:var(--track)}
.person__text span{display:block}
.person__text b{font-weight:700}
.person__text .lattes{font-size:0.82em;word-break:break-word;overflow-wrap:anywhere}
.person__bio{margin:0.6rem 0 0;font-size:1.15rem;line-height:1.3;letter-spacing:var(--track)}

/* ===== Responsive ===== */
@media (max-width:60rem){
  /* design's manual line breaks are for the 1800px layout — reflow on mobile */
  .lead br,.mission__text br{display:none}
  .historia{padding-top:3rem}
  .video{margin-top:2.5rem}
  /* drop the desktop overlap on mobile */
  .mission{margin:2rem 0 0;padding:2rem 1.5rem;max-width:100%}
  .equipe{padding:3.5rem 0 0}
  .equipe__sep{margin:3.5rem 0}
  .equipe__head{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}
  .equipe__titles{flex:1 1 auto;min-width:0}
  .equipe__rule{flex-basis:100%;order:3;margin:0}
  .equipe__eyebrow-line{display:none}
  .person__text b{overflow-wrap:anywhere}
  .people,.people--3{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  .person{gap:1rem}
}