/* ==========================================================
   COPA FÁCIL - Green Premium (separación visual)
   Objetivo:
   - Diferenciar el bloque del fondo negro
   - Usar identidad "Copa Fácil" (verde)
   - Sin tocar textos, solo estilos
   ========================================================== */

#copa-facil-sur-vs-norte{
  /* Base: negro + halo verde sutil (no cacao) */
  background: #000 !important;
  position: relative;
  overflow: hidden;
}

#copa-facil-sur-vs-norte::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(900px 420px at 50% -18%, rgba(34,197,94,0.22), transparent 62%),
    radial-gradient(740px 360px at 14% 40%, rgba(34,197,94,0.14), transparent 64%),
    radial-gradient(740px 360px at 86% 65%, rgba(34,197,94,0.14), transparent 64%),
    radial-gradient(1200px 600px at 50% 110%, rgba(0,0,0,0.92), rgba(0,0,0,1));
  opacity: 1;
}

#copa-facil-sur-vs-norte > .container,
#copa-facil-sur-vs-norte > .container *{
  position: relative;
  z-index: 1;
}

/* Quitar el patrón viejo (diagonal dorada) que venía inline */
#copa-facil-sur-vs-norte > div[style*="repeating-linear-gradient"]{
  display: none !important;
}

/* Panel central (el que tiene degradé dorado inline): pasarlo a green premium */
#copa-facil-sur-vs-norte [style*="background: linear-gradient(135deg, rgba(212,175,55"]{
  background: linear-gradient(135deg, rgba(34,197,94,0.22), rgba(34,197,94,0.06)) !important;
  border-color: rgba(34,197,94,0.75) !important;
  box-shadow: 0 12px 40px rgba(34,197,94,0.10) !important;
}

/* Botón principal: verde Copa Fácil (mantiene look premium) */
#copa-facil-sur-vs-norte a[href*="copafacil.com"]{
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #07110B !important;
  box-shadow: 0 12px 30px rgba(34,197,94,0.25) !important;
}

#copa-facil-sur-vs-norte a[href*="copafacil.com"]:hover{
  filter: brightness(1.06);
}

/* Chip "COPA FÁCIL": mantener texto, cambiar a verde */
#copa-facil-sur-vs-norte .section-tag{
  background: rgba(34,197,94,0.12) !important;
  border-color: rgba(34,197,94,0.34) !important;
  color: #86efac !important;
}