/* CTA buttons (Como Participar) – mejora visual SIN tocar HERO */

/* Scope estricto: solo dentro de #como-participar */
#como-participar .cp-card a.btn{
  min-width: 220px;
  text-align: center;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#como-participar .cp-card a.btn.gold{
  /* Dorado premium, menos “amarillo chillón” */
  background: linear-gradient(135deg, #CFAE3A 0%, #F2D07A 52%, #D9B55A 100%) !important;
  color: #0A0A0A !important;
  border: 1px solid rgba(212,175,55,0.42) !important;
  box-shadow: 0 12px 28px rgba(212,175,55,0.14) !important;
  filter: saturate(0.92);
}

#como-participar .cp-card a.btn.gold:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(212,175,55,0.20) !important;
  filter: saturate(1.0);
}

#como-participar .cp-card a.btn.gold.outline{
  background: rgba(255,255,255,0.02) !important;
  color: #F2D07A !important;
  border: 1px solid rgba(212,175,55,0.42) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.28) !important;
}

#como-participar .cp-card a.btn.gold.outline:hover{
  background: rgba(212,175,55,0.10) !important;
  color: #FFE08F !important;
  transform: translateY(-2px);
}

#como-participar .cp-card a.btn:focus-visible{
  outline: 3px solid rgba(255,214,107,0.35);
  outline-offset: 3px;
}

@media (max-width: 480px){
  #como-participar .cp-card a.btn{ width: 100%; min-width: 0; }
}