/* ==========================================================
   CANJE / COLABORACIONES - White Premium (responsive)
   Objetivo:
   - Fondo blanco con degradé dorado repartido (no concentrado arriba)
   - Quitar iconos decorativos (emoji) de la cabecera
   - Mejorar adaptación PC / móvil
   ========================================================== */

#canje.canje-section{
  background: #fff !important;
  position: relative;
  overflow: hidden;
}

#canje.canje-section::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    /* base vertical (se siente en toda la sección) */
    linear-gradient(180deg, #FFFFFF 0%, #F7F7F9 45%, #FFFFFF 100%),

    /* halo superior suave */
    radial-gradient(1100px 620px at 50% -18%, rgba(212,175,55,0.12) 0%, rgba(255,255,255,0) 70%),

    /* halo medio/bajo extendido */
    radial-gradient(1400px 900px at 50% 72%, rgba(212,175,55,0.10) 0%, rgba(255,255,255,0) 74%),

    /* diagonal metálica suave */
    linear-gradient(135deg, rgba(212,175,55,0.06) 0%, rgba(255,255,255,0) 45%, rgba(212,175,55,0.04) 100%);
  opacity: 1;
}

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

/* Header: forzar textos oscuros */
#canje .section-title,
#canje .section-description{ color: #0B0B0B !important; }
#canje .section-description{ color: rgba(0,0,0,0.62) !important; }

/* Tag: mantener dorado, sin emoji (lo quitamos en HTML, pero esto lo deja bonito igual) */
#canje .section-tag{
  background: rgba(212,175,55,0.12) !important;
  border-color: rgba(212,175,55,0.28) !important;
}

/* Ajuste de título principal dentro de canje (SPONSORSHIPS & COLABORACIONES) */
#canje .section-header .section-title{
  font-size: 2.8rem !important;
  letter-spacing: 2px !important;
}

@media (max-width: 768px){
  #canje .section-header .section-title{ font-size: 2.1rem !important; }
}

@media (max-width: 420px){
  #canje .section-header .section-title{ font-size: 1.9rem !important; }
}

/* Cards internas: look limpio */
#canje [style*="background: white"]{
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(6px);
}

/* Quitar emoji cards (📸 📱 🤝) SOLO visualmente (si quieres mantener texto)
   - Ocultamos el primer bloque grande de icono por tamaño */
#canje [style*="font-size: 2.5rem"]{
  display: none !important;
}

/* Mejorar grilla de logos (6 columnas -> responsive) */
#canje div[style*="grid-template-columns: repeat(6, 1fr)"]{
  grid-template-columns: repeat(3, 1fr) !important;
}

@media (max-width: 900px){
  #canje div[style*="grid-template-columns: repeat(6, 1fr)"]{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 520px){
  #canje div[style*="grid-template-columns: repeat(6, 1fr)"]{
    grid-template-columns: 1fr !important;
  }
}