.elementor-8011 .elementor-element.elementor-element-22fb22f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* =========================
   SexGym Confirmación (LIGHT UI)
   ========================= */

.sg-invest-hero,
.sg-invest-summary{
  background: transparent !important;
}

/* Cards */
.sg-card{
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(2,6,23,.10) !important;
}

/* Labels */
.sg-kicker{
  color: rgba(15,23,42,.55) !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
}

/* Values */
.sg-value{
  color: rgba(15,23,42,.92) !important;
  font-weight: 900;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
}

/* Body text */
.sg-invest-block,
.sg-invest-block *{
  color: rgba(15,23,42,.88) !important;
}

/* Button (si lo usas en light) */
.sg-btn-primary .elementor-button{
  background: linear-gradient(90deg, #2B63FF 0%, #8A2BFF 45%, #FF2B77 100%) !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 18px 55px rgba(2,6,23,.18) !important;
}

/* Fix: si algún widget de Elementor fuerza blanco */
.sg-invest-summary .elementor-heading-title,
.sg-invest-summary .elementor-widget-text-editor,
.sg-invest-summary .elementor-widget-text-editor *{
  color: rgba(15,23,42,.88) !important;
}/* End custom CSS */