/* Página Quem Somos. Arquivo novo, carregado depois do site.css.
   Só usa as variáveis do sistema (brand.js). Nenhuma cor fixa. */
.qs-hero{position:relative;overflow:hidden;padding:84px 0 76px;border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse 50% 90% at 82% 40%,rgba(var(--red-rgb),.28),transparent 70%),
    radial-gradient(circle at 5% 100%,rgba(var(--red-d-rgb),.30),transparent 45%),
    linear-gradient(115deg,var(--bg) 40%,rgba(var(--red-d-rgb),.40) 100%)}
.qs-hero-bg{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(var(--red-rgb),.06) 38px 40px);
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 95%);mask-image:linear-gradient(90deg,transparent 35%,#000 95%)}
.qs-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.qs-hero .tag{box-shadow:0 0 26px rgba(var(--red-rgb),.55)}
.qs-hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:800}
.qs-hero h1 em{font-style:normal;color:var(--red);text-shadow:0 0 38px rgba(var(--red-rgb),.55)}
.qs-hero-copy p{max-width:560px;margin-top:18px;color:var(--txt);font-size:1.2rem;line-height:1.5}

/* selo redondo 30+ (medalha). SVG com as cores do sistema */
.qs-seal{justify-self:end;width:min(300px,100%)}
.qs-seal-svg{display:block;width:100%;height:auto;overflow:visible;
  filter:drop-shadow(0 16px 30px rgba(var(--red-rgb),.45)) drop-shadow(0 0 22px rgba(var(--red-rgb),.3));
  transition:transform .4s}
.qs-seal:hover .qs-seal-svg{transform:rotate(-3deg) scale(1.04)}
.qs-rib path{fill:var(--red-d);stroke:rgba(var(--bg-rgb),.45);stroke-width:1.5}
.qs-r1{fill:none;stroke:var(--on-primary);stroke-opacity:.55;stroke-width:1.5}
.qs-r2{fill:none;stroke:var(--on-primary);stroke-opacity:.75;stroke-width:2.5}
.qs-r3{fill:none;stroke:var(--red);stroke-width:1.5;stroke-opacity:.9}
.qs-arc{fill:var(--on-primary);font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700;font-size:15px;letter-spacing:3px}
.qs-st{fill:var(--red)}
.qs-num{fill:var(--txt);font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;font-size:92px;
  paint-order:stroke;stroke:var(--red);stroke-width:1.5px;stroke-opacity:.8}
.qs-yr{fill:var(--red);font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;font-size:22px;letter-spacing:6px}

.qs-sec .lead{margin-bottom:34px}
.qs-card{position:relative;padding:26px 26px 24px;
  background:linear-gradient(145deg,rgba(var(--red-rgb),.08),transparent 50%),var(--bg3);
  border:1px solid var(--line);border-left:4px solid var(--red);
  box-shadow:0 16px 42px rgba(var(--bg-rgb),.28);transition:transform .25s,border-color .25s,box-shadow .25s}
.qs-card:hover{transform:translateY(-4px);border-color:var(--red);
  box-shadow:0 20px 48px rgba(var(--bg-rgb),.4),0 0 30px rgba(var(--red-rgb),.18)}
.qs-card h3{font-size:1.55rem;margin-bottom:8px}
.qs-card p{color:var(--mut);line-height:1.65}

/* linha do tempo */
.qs-timeline{list-style:none;position:relative;margin-top:34px;padding-left:0;display:grid;gap:22px}
.qs-timeline:before{content:"";position:absolute;left:96px;margin-left:-1px;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,var(--red),rgba(var(--red-rgb),.15));
  box-shadow:0 0 18px rgba(var(--red-rgb),.5)}
.qs-item{display:grid;grid-template-columns:96px 1fr;gap:0 34px;align-items:start;position:relative}
.qs-year{font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.5rem;font-weight:800;line-height:1;color:var(--txt);padding-top:22px;text-align:left}
.qs-item:before{content:"";position:absolute;left:90px;top:28px;width:15px;height:15px;background:var(--red);border:3px solid var(--bg);
  border-radius:50%;box-shadow:0 0 0 2px var(--red),0 0 18px rgba(var(--red-rgb),.8);z-index:1}
.qs-item .qs-card{margin-left:22px}

/* pessoas */
.qs-people,.qs-team{display:grid;gap:22px}
.qs-people{grid-template-columns:repeat(3,1fr)}
.qs-team{grid-template-columns:repeat(2,1fr)}
.qs-person{padding-top:76px}
.qs-ini{position:absolute;top:22px;left:26px;width:42px;height:42px;display:grid;place-items:center;
  font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.5rem;font-weight:800;
  background:var(--red);color:var(--on-primary);transform:skewX(-12deg);box-shadow:0 8px 22px rgba(var(--red-rgb),.45)}

/* frase final */
.qs-essence{padding:80px 0;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(var(--red-rgb),.18),transparent 70%),var(--bg)}
.qs-essence blockquote{max-width:860px;margin:0 auto;padding:10px 0 10px 34px;border-left:5px solid var(--red);
  box-shadow:-18px 0 40px -22px rgba(var(--red-rgb),.6)}
.qs-essence p{font-size:1.25rem;line-height:1.7;color:var(--txt)}
.qs-essence p+p{margin-top:16px;color:var(--mut)}

@media(max-width:820px){
  .qs-hero{padding:60px 0 54px}
  .qs-hero-grid{grid-template-columns:1fr}
  .qs-seal{justify-self:start;width:210px}
    .qs-people{grid-template-columns:1fr}
  .qs-team{grid-template-columns:1fr}
}
@media(max-width:560px){
  .qs-timeline:before{left:12px}
  .qs-item{grid-template-columns:1fr;padding-left:38px}
  .qs-item:before{left:5px;top:8px}
  .qs-year{padding-top:0;margin-bottom:8px;font-size:2.2rem}
  .qs-item .qs-card{margin-left:0}
  .qs-essence blockquote{padding-left:20px}
  .qs-essence p{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){.qs-card,.qs-seal-svg{transition:none}.qs-card:hover{transform:none}.qs-seal:hover .qs-seal-svg{transform:none}}