/* ==========================================================
   SALÓN DE LA FAMA (Campeones) - Black + Gold Background V1
   Objetivo:
   - Unificar el bloque "#campeones" a estética negro + dorado
   - Mantener look premium (sin cafés/grises)
   - Sin tocar contenido
   ========================================================== */

#campeones.campeones-section{
  background: #050505 !important;
  position: relative;
  overflow: hidden;
}

#campeones.campeones-section::before{
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;

  /* Misma lógica que Copa de Plata, pero en negro + dorado:
     - base vertical para que el dorado se sienta en TODO el bloque
     - halo grande medio/bajo para repartir el brillo
     - halo superior acotado
     - toque metálico diagonal suave
     - viñeta inferior para profundidad */
  background:
    /* base vertical (negro premium) */
    linear-gradient(180deg, #060606 0%, #080808 35%, #050505 70%, #040404 100%),

    /* brillo general medio/bajo (reparte el dorado, no solo arriba) */
    radial-gradient(1400px 900px at 50% 68%, rgba(212,175,55,0.14) 0%, rgba(0,0,0,0) 74%),

    /* halo superior acotado */
    radial-gradient(1100px 620px at 50% -16%, rgba(255,215,0,0.18) 0%, rgba(0,0,0,0) 70%),

    /* toque metálico diagonal suave */
    linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(212,175,55,0.10) 50%, rgba(0,0,0,0) 100%),

    /* viñeta negra inferior */
    radial-gradient(1400px 700px at 50% 120%, rgba(0,0,0,0.92), rgba(0,0,0,1));

  opacity: 1;
}

#campeones.campeones-section > *{
  position: relative;
  z-index: 1;
}

/* patrón interno: bajamos un poco el contraste para que no “ensucie” */
#campeones.campeones-section > div[style*="repeating-linear-gradient"]{
  opacity: 0.035 !important;
}