.squad-page-wrap{padding:30px 0 60px}
.squad-page{background:#000;border-radius:18px;padding:24px 24px 34px;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.squad-topper{padding:8px 0 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px}
.squad-kicker{display:inline-block;color:#ff4a4a;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.squad-topper h1{margin:0 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:-1.5px}
.squad-topper p{margin:0;color:#d2d2d2;max-width:760px;font-size:15px}
.squad-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.squad-meta span,.squad-meta a{display:inline-flex;align-items:center;gap:6px;background:#111;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:9px 13px;font-size:13px;color:#fff;text-decoration:none}
.squad-meta b{color:#ff4a4a}
.squad-filters{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 28px}
.squad-filters button{appearance:none;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 15px;font-weight:800;font-size:14px;cursor:pointer}
.squad-filters button.selected,.squad-filters button:hover{background:#fff;color:#000}
.squad-section{margin:0 0 30px}
.squad-section[hidden]{display:none}
.squad-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.squad-section-heading h2{margin:0;font-size:24px;letter-spacing:-.6px}.squad-section-heading span{color:#b9b9b9;font-size:13px}
.squad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.squad-grid.is-short{grid-template-columns:repeat(3,minmax(0,1fr))}
.squad-card{background:#090909;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .18s ease, box-shadow .18s ease}
.squad-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.3)}
.squad-card img{display:block;width:100%;height:auto}
.squad-credit{margin:8px 0 0;color:#a9a9a9;font-size:13px;line-height:1.6;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
@media(max-width:1100px){.squad-grid,.squad-grid.is-short{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.squad-page{padding:18px}.squad-grid,.squad-grid.is-short{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.squad-section-heading h2{font-size:22px}.squad-meta{gap:8px}}
@media(max-width:480px){.squad-grid,.squad-grid.is-short{grid-template-columns:1fr}.squad-topper h1{font-size:30px}.squad-topper p{font-size:14px}}

.squad-card img{aspect-ratio:356/301;object-fit:cover}

/* Portal Mengo | Elenco integrado ao tema preto, branco e vermelho.
   As imagens AVIF e os filtros por posicao continuam inalterados. */
body { background: #070709; color: #f8f8fa; }
.squad-page-wrap { padding-top: 34px; padding-bottom: 70px; }
.squad-page {
  background: #101114;
  border: 1px solid #29292e;
  box-shadow: 0 10px 32px rgba(0,0,0,.38);
}
.squad-kicker { color: #fa263d; }
.squad-topper { border-bottom-color: #313137; }
.squad-topper h1, .squad-section-heading h2 { color: #fa263d; }
.squad-topper p { color: #f4f4f6; }
.squad-meta span, .squad-meta a {
  background: #191a1f;
  border-color: #37373d;
  color: #f8f8fa;
}
.squad-meta b, .squad-meta a:hover { color: #ff5668; }
.squad-filters button {
  background: #1a1b20;
  color: #fafafa;
  border-color: #414148;
}
.squad-filters button.selected,
.squad-filters button:hover,
.squad-filters button:focus-visible {
  background: #d4142f;
  border-color: #d4142f;
  color: #fff;
}
.squad-filters button:focus-visible,
.squad-meta a:focus-visible { outline: 2px solid #ff8595; outline-offset: 2px; }
.squad-section-heading { border-bottom-color: #313137; }
.squad-section-heading span { color: #c9cad0; }
.squad-card {
  background: #08080b;
  border-color: #303035;
  box-shadow: 0 8px 26px rgba(0,0,0,.36);
}
.squad-card:hover {
  border-color: #ba1b34;
  box-shadow: 0 12px 32px rgba(0,0,0,.52);
}
@media(max-width:760px) {
  .squad-page-wrap { padding-top: 24px; }
}