/* ==========================================================
   EXPANDE COMMUNITY — Negro + acento nuevo (violeta)
   ========================================================== */

#expande.inscribete-premium{
  position: relative;
  overflow: hidden;
  background: #000 !important;
  /* separación visual hacia Contacto */
  border-bottom: 1px solid rgba(139,92,246,0.18);
}

/* Eliminado: foto como fondo de sección (tapaba rostros). */
#expande.inscribete-premium::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, #000 0%, #070707 50%, #000 100%),
    radial-gradient(1200px 720px at 50% -18%, rgba(139,92,246,0.18) 0%, rgba(0,0,0,0) 70%),
    radial-gradient(1400px 900px at 50% 80%, rgba(139,92,246,0.08) 0%, rgba(0,0,0,0) 76%),
    radial-gradient(1400px 700px at 50% 120%, rgba(0,0,0,0.92), rgba(0,0,0,1));
  opacity: 1;
}

#expande.inscribete-premium > .container{
  position: relative;
  z-index: 1;
}

/* Caja */
#expande .inscribete-wrap{
  background: rgba(255,255,255,0.04) !important;
  border: 2px solid rgba(139,92,246,0.22) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,0.55) !important;
}

#expande .inscribete-title{
  color: #FFF !important;
}

#expande .inscribete-sub{
  color: rgba(255,255,255,0.72) !important;
}

#expande .inscribete-sub::before{
  background: linear-gradient(90deg, rgba(139,92,246,0), rgba(139,92,246,0.70), rgba(139,92,246,0)) !important;
}

#expande .inscribete-tag{
  border-color: rgba(139,92,246,0.45) !important;
  background: rgba(139,92,246,0.14) !important;
  color: #E9D5FF !important;
}

#expande ul,
#expande li{
  color: rgba(255,255,255,0.78) !important;
}

#expande ul{ padding-left: 1.1rem; }

#expande li{ margin: 0.4rem 0; }

#expande strong{ color: #FFF !important; }

/* Fix: si quedaron estilos inline negros dentro de la sección */
#expande [style*="color:#0A0A0A"],
#expande [style*="color: #0A0A0A"],
#expande [style*="color: rgba(10,10,10"],
#expande [style*="color: rgba(10, 10, 10"]{
  color: #FFF !important;
}

#expande a[href*="wa.me"],
#expande .expande-cta{
  display: inline-block;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
  color: #FFF !important;
  border: 2px solid rgba(139,92,246,0.55) !important;
  box-shadow: 0 12px 30px rgba(139,92,246,0.22) !important;
  font-weight: 1000;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0.95rem 1.4rem;
  border-radius: 999px;
  text-decoration: none;
}

#expande .expande-foot{
  margin: 0.85rem 0 0;
  color: rgba(255,255,255,0.68) !important;
  font-size: 0.92rem;
}