/* ==========================================================
   BLACKOUT NO CACAO (A)
   Objetivo:
   - Eliminar el tono café/cacao generado por fondos dorados/translúcidos o gradientes.
   - Mantener identidad negro + dorado (NO tocar colores de texto dorados ni bordes dorados).
   - Se aplica como override global, cargado al final del <head>.
   ========================================================== */

:root{ --no-cacao-black: #000; }

/* Cualquier elemento que use el token inline-style de fondo dorado translúcido */
/*
  Importante: NO tocamos gradientes globales porque rompería colores de redes sociales
  (Instagram/TikTok/Facebook) y otros bloques que sí deben conservar color.
  Solo eliminamos rellenos dorados/translúcidos tipo "cacao".
*/
*[style*="background: rgba(212,175,55"],
*[style*="background:rgba(212,175,55"]{
  background: var(--no-cacao-black) !important;
  background-image: none !important;
}

/* Secciones principales: asegurar negro plano si algún CSS anterior mete gradientes */
#como-participar,
#torneos-intercomunales,
#copa-facil-sur-vs-norte,
#reglamento,
#torneos-nacionales,
#campeones,
#leyendas,
#sedes,
#sobre,
#galeria,
#contacto,
#footer{
  background: var(--no-cacao-black) !important;
  background-image: none !important;
}

/* NO forzar negro en sponsors: ahí hay bloques (Partner Oficial) que requieren amarillo */
/* NO forzar negro en canje: es una sección clara por diseño */

/* Tarjetas / paneles típicos donde se usa dorado translúcido como relleno */
#como-participar .cp-card,
#como-participar .cp-item,
#torneos-intercomunales .ti2-hero,
#torneos-intercomunales .ti2-card,
#torneos-intercomunales .ti2-box,
#torneos-intercomunales .ti2-kpi,
#torneos-intercomunales .ti2-gallery,
#trabaja,
#trabaja .tw5-card,
#trabaja .tw5-cta{
  background: var(--no-cacao-black) !important;
  background-image: none !important;
}

/* En caso de pseudo-elementos usados como overlays con gradiente */
#torneos-intercomunales::before,
#torneos-intercomunales::after,
#sobre::before,
#sobre::after{
  content: none !important;
  display: none !important;
}

/* NO tocar pseudo-elementos de Copa Chile alterna, porque su look depende del CSS propio */
