/* =========================================
   Campeones (Salón de la Fama) - Subir etiqueta + títulos Oro/Plata
   Problema: estilos inline con margin/padding grandes.
   Solución: overrides específicos con !important.
   ========================================= */

/* Header general de la sección */
#campeones .section-header{
  margin-bottom: 1.8rem !important; /* antes 5rem inline */
}

/* Etiqueta “SALÓN DE LA FAMA” */
#campeones .section-tag{
  margin-bottom: 0.7rem !important;
}

/* Título “GALERÍA DE CAMPEONES” */
#campeones .section-title{
  margin: 0.9rem 0 !important;
}

/* Descripción bajo el título */
#campeones .section-description{
  margin-top: 0.35rem !important;
}

/* Títulos de bloques Oro/Plata (inline tenían margin-bottom: 3rem) */
#campeones h3[style*="CAMPEONES COPA DE ORO"],
#campeones h3[style*="CAMPEONES COPA DE PLATA"],
#campeones h3{
  margin-top: 0.6rem !important;
  margin-bottom: 1.2rem !important;
}

@media (max-width: 768px){
  #campeones .section-header{ margin-bottom: 1.5rem !important; }
  #campeones .section-tag{ margin-bottom: 0.6rem !important; }
  #campeones .section-title{ margin: 0.75rem 0 !important; }
  #campeones h3{ margin-top: 0.5rem !important; margin-bottom: 1.0rem !important; }
}

@media (max-width: 480px){
  #campeones .section-header{ margin-bottom: 1.35rem !important; }
  #campeones .section-title{ margin: 0.65rem 0 !important; }
}