/* Página: Quem Somos */
.qs-hero { position:relative; color:#fff; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#0f2d44; width:100vw; max-width:100vw; margin-left: calc(50% - 50vw); }
/* Mantém proporção da imagem destacada sem cortes, usando variável definida inline */
.qs-hero::before { content:""; display:block; aspect-ratio: var(--qs-ar, 1920/650); width:100%; }

@media (max-width: 768px) {
  .qs-hero { background-position:center; }
}
.qs-hero__content { display:none; }
.qs-hero__bottom { height:8px; background: rgba(6,34,58,.5); }

.qs-sobre { padding:0 0 60px; background:#fff; }
.qs-banner { width:100%; max-width:100vw; overflow:hidden; height: clamp(280px, 40vw, 680px); }
.qs-banner img { display:block; width:100%; height:100%; object-fit: cover; object-position: center 60%; }

.qs-video { position:relative; padding:28px 0 60px; background:none; background-image:url('../img/3.png'); background-repeat:no-repeat; background-size:cover; background-position:center top; }
.qs-video__wrap { max-width:1180px; margin:0 auto; padding:0 20px; }
.qs-video__title { margin:0 0 50px; color:#0f3553; text-align:center; font-size:24px; line-height:1.4; font-family:'Poppins', Arial, sans-serif !important; font-weight:400 !important; }
.qs-video__frame { position:relative; background:#fff; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.18); overflow:hidden; transition:transform 180ms ease, box-shadow 180ms ease; cursor:pointer; margin-top:20px; }
.qs-video__frame:hover { transform: translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.25); }
.qs-video__embed { position:relative; width:100%; aspect-ratio: 16 / 9; background: linear-gradient(180deg,#f8f8f8 0%, #ffffff 100%); }
.qs-video__embed iframe, .qs-video__embed video { width:100%; height:100%; display:block; }

/* Botão Play no centro, usando a cor padrão (var(--primaryColor)) */
.qs-video__play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:84px; height:84px; border-radius:50%; background: var(--primaryColor, #0e466e); box-shadow:0 6px 18px rgba(0,0,0,.25); display:inline-block; transition: all 300ms ease; z-index:10; cursor:pointer; }
.qs-video__frame:hover .qs-video__play { transform: translate(-50%,-50%) scale(1.06); filter: brightness(1.05); }
.qs-video__play::before { content:""; position:absolute; left:50%; top:50%; transform:translate(-40%,-50%); width:0; height:0; border-left:22px solid #fff; border-top:14px solid transparent; border-bottom:14px solid transparent; }
/* Esconde o play quando o vídeo está tocando */
.qs-video__frame.playing .qs-video__play { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; display:none !important; }

@media (max-width: 980px) {
  .qs-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .qs-titlebar__inner::after { width: 120px; --qs-lip-depth: 22px; left: 16px; }
}

/* Remover título padrão e breadcrumb apenas neste template */
body.page-template-page-quem-somos .titulo-pagina,
body.page-template-page-quem-somos .breadcrumb { display:none !important; }

/* Intro abaixo do hero - seguir arte */
.qs-intro { width:100vw; max-width:100vw; margin-left: calc(50% - 50vw); }
.qs-titlebar { position:relative; z-index:1; --qs-title-solid:#0b3a5a; --qs-title-grad: linear-gradient(90deg,#0b3a5a 0%, #0e5c8f 42%, #147fd0 72%, #29a9ff 100%); background: var(--qs-title-solid); overflow:visible; }
.qs-titlebar__inner { max-width:1180px; margin:0 auto; padding:24px 20px; position:relative; text-align:center; }
.qs-titlebar__title { margin:0; color:#fff; font-family:'Verbatim','Poppins',Arial,sans-serif; font-weight:900; font-size:42px; letter-spacing:1px; text-transform:uppercase; }
/* Bico à direita com leve brilho */
.qs-titlebar::after { content:""; position:absolute; right:0; top:0; width:min(12vw, 200px); height:100%; background:#29a9ff; clip-path: polygon(45% 0, 100% 0, 100% 100%, 0 100%); }
/* Lingueta inferior que desce e sobe (como na arte) */
.qs-titlebar::before { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(20,127,208,0.35) 55%, rgba(41,169,255,0.65) 100%); pointer-events:none; }
.qs-titlebar__inner::after { content:""; position:absolute; left:20px; --qs-lip-depth: 22px; bottom: calc(-1 * var(--qs-lip-depth)); height: calc(var(--qs-lip-depth) * 2); width: 140px; background: var(--qs-title-solid); border-top-left-radius: 0; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 12px; }

.qs-copy { position:relative; z-index:3; background: linear-gradient(90deg,#1294f2 0%, #0f6fb6 58%, #0d4d7f 100%); padding:14px 0 16px; margin-top:-2px; }
.qs-copy__inner { max-width:1180px; margin:0 auto; position:relative; }
.qs-copy__inner p { position:relative; margin:0; color:#e6f5ff; font-size:22px; line-height:1.8; padding:0 20px; text-align:left; }

@media (max-width: 980px) {
  .qs-titlebar__title { font-size:34px; }
  .qs-copy__inner p { font-size:18px; }
}