/* ==========================================================
   Sponsors Oficiales (en #canje) - Segmentación limpia (sin caja)
   Objetivo:
   - Separar visualmente: logos -> mensaje -> CTAs
   - Sin recuadros pesados
   - Responsive: PC 2 columnas / móvil 1 columna
   ========================================================== */

/* Línea divisoria fina para segmentar */
#canje .canje-cta-segment{
  margin-top: 1.25rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(212,175,55,0.25);
}

/* Mensaje: lectura limpia */
#canje .canje-cta-segment p{
  margin: 0 0 0.9rem 0;
  color: rgba(255,255,255,0.86);
}

/* Layout: texto + botones */
#canje .canje-cta-layout{
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1rem;
  align-items: center;
}

#canje .canje-cta-actions{
  display: flex;
  gap: 0.8rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 820px){
  #canje .canje-cta-layout{
    grid-template-columns: 1fr;
    text-align: center;
  }
  #canje .canje-cta-actions{
    justify-content: center;
  }
}

@media (max-width: 520px){
  #canje .canje-cta-actions a{
    width: 100%;
    text-align: center;
  }
}