/* ==================================================================
   Páginas institucionais (Quem somos, Reconhecimentos, Código de ética…):
   topo com foto, título, subtítulo, abas e frases de seção.
   Figma: frames Quem somos (69:1457), Reconhecimentos (76:1914),
   Código ética e conduta (81:2222).
   ================================================================== */

/* ---- Topo com foto ---- */
.qs-topo{position:relative;height:calc(499 * var(--u));min-height:260px;overflow:hidden}
.qs-topo-foto{width:100%;height:100%;object-fit:cover;object-position:top}
.qs-topo-simbolo{position:absolute;left:76.9%;top:calc(-20 * var(--u));width:calc(757 * var(--u));max-width:none;height:auto;pointer-events:none}

/* ---- Abertura ---- */
.qs-intro{padding-top:calc(83 * var(--u))}
.qs-titulo{font-family:var(--titulo);font-size:max(34px, calc(48 * var(--u)));line-height:1.167;letter-spacing:-0.005em;color:#000}
.qs-sub{margin-top:calc(24 * var(--u));max-width:calc(755 * var(--u));min-width:280px}
.qs-abas{margin-top:calc(34 * var(--u));display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px}
.qs-aba{
  display:inline-flex;align-items:center;height:50px;padding:0 max(14px, calc(24 * var(--u)));border-radius:100px;
  font-family:var(--titulo);font-size:max(13px, calc(15 * var(--u)));text-transform:uppercase;color:var(--tinta);white-space:nowrap;
  transition:background .4s ease;
}
.qs-aba:hover{background:rgba(255,255,255,.35)}
.qs-aba.ativa{background:rgba(255,255,255,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.qs-frase{
  font-family:var(--titulo-leve);font-weight:300;font-size:max(26px, calc(36 * var(--u)));line-height:1.195;letter-spacing:-0.006em;color:#000;
}
/* Frase de abertura logo abaixo das abas */
.qs-intro > .qs-frase{margin-top:calc(51 * var(--u));max-width:calc(755 * var(--u));min-width:280px}

/* ---- Até 1024px ---- */
@media (max-width:1024px){
  .qs-topo{min-height:240px}
  .qs-topo-simbolo{left:60%;width:70%}
  .qs-intro{padding-top:48px}
  .qs-abas{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .qs-abas::-webkit-scrollbar{display:none}
}