/* =========================
   Franja de Partners (partners.php)
   ========================= */
.partners-strip h2 {
  font-size: 2rem;
}
/* Sección contenedora */
.partners-strip{
  background:#0a0a0a;                  /* mismo look del sitio */
  color:#fff;
  border-top:1px solid rgba(228,228,32,.3);
  border-bottom:1px solid rgba(228,228,32,.3);
}

/* Contenedor interno (ancho y grid básico) */
.partners-strip__container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  gap:16px;
  align-items:center;
  padding-inline:16px;                  /* respeta tu container--narrow */
}

/* Intro/título (respetando tu .title existente) */
.partners-strip .genre__intro{ width:100%; }
.partners-strip .title{
  margin:0;                             /* los márgenes los controla el inline/estructura */
  line-height:1.1;
}

/* Listado de logos */
.partners-strip__logos{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:clamp(12px,4vw,40px);
  padding-block:1rem;
}

/* Cada logo (anchor) */
.partners-strip__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  text-decoration:none;
}

/* Imágenes de logo (no pisa tus style inline como max-height:400px) */
.partners-strip__logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  filter:contrast(1.05);
  transition:transform .2s ease, opacity .2s ease;
}
.partners-strip__logo:hover img{
  transform:translateY(-2px);
  opacity:.95;
}

/* Desktop: mayor aire y tamaño si no hay inline styles que limiten */
@media (min-width:1101px){
  .partners-strip__container{ gap:24px; }
  .partners-strip__logos{ gap:clamp(20px,4vw,64px); }
}