.elementor-9070 .elementor-element.elementor-element-6501619d{--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;--padding-top:60px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-9070 .elementor-element.elementor-element-6501619d:not(.elementor-motion-effects-element-type-background), .elementor-9070 .elementor-element.elementor-element-6501619d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06070A;}.elementor-9070 .elementor-element.elementor-element-aee6973{--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;}.elementor-9070 .elementor-element.elementor-element-4f562a4{text-align:center;}.elementor-9070 .elementor-element.elementor-element-6c95f551{text-align:center;}.elementor-9070 .elementor-element.elementor-element-6c95f551 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-9070 .elementor-element.elementor-element-1baf5d91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9070 .elementor-element.elementor-element-6465b271{--display:flex;--min-height:460px;--overflow:hidden;--border-radius:34px 34px 34px 34px;}.elementor-9070 .elementor-element.elementor-element-6465b271:not(.elementor-motion-effects-element-type-background), .elementor-9070 .elementor-element.elementor-element-6465b271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sexgym.com/wp-content/uploads/2026/02/blog_soft.webp");background-position:center center;background-size:cover;}.elementor-9070 .elementor-element.elementor-element-2e9fa170{--display:flex;--min-height:460px;--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;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9070 .elementor-element.elementor-element-6002e97d{color:var( --e-global-color-9976498 );}.elementor-9070 .elementor-element.elementor-element-7974cc6d{--display:flex;--min-height:460px;--overflow:hidden;--border-radius:34px 34px 34px 34px;}.elementor-9070 .elementor-element.elementor-element-7974cc6d:not(.elementor-motion-effects-element-type-background), .elementor-9070 .elementor-element.elementor-element-7974cc6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sexgym.com/wp-content/uploads/2026/02/blog_spicy_2.webp");background-position:center center;background-size:cover;}.elementor-9070 .elementor-element.elementor-element-70c8b162{--display:flex;--min-height:460px;--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;--justify-content:flex-end;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-9070 .elementor-element.elementor-element-281f0b96{color:var( --e-global-color-9976498 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9070 .elementor-element.elementor-element-6501619d{--content-width:1200px;}}/* Start custom CSS *//* =========================
   TITULO SECCIÓN
========================= */
.sg-exp h2{
  font-family: Lexend, system-ui;
  font-weight: 900;
  font-size: clamp(32px,4vw,48px);
  letter-spacing:.5px;
  color:#fff;
  margin:0;
}
.sg-pink{ color:#ff2c8f; font-style: italic; }
.sg-exp-sub{
  color:#bfc3cc;
  opacity:.72;
  font-weight:500;
  margin:0;
  text-align:center;
}

/* =========================
   GRID / CARDS
========================= */
.sg-exp-grid{ align-items: stretch; }

.sg-card{
  position: relative;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 30px 90px rgba(0,0,0,.60);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change: transform;
}

/* “Breathing” sutil */
.sg-card{ animation: sgBreath 5.5s ease-in-out infinite; }
@keyframes sgBreath{
  0%,100%{ filter: saturate(1); }
  50%{ filter: saturate(1.06); }
}

.sg-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 38px 110px rgba(0,0,0,.72);
}

/* Overlay oscuro degradado */
.sg-overlay{
  position: relative;
  background:
    linear-gradient(to top, rgba(0,0,0,.86), rgba(0,0,0,.28) 60%, rgba(0,0,0,0));
}

/* =========================
   HALO que sigue el cursor
   (usa CSS variables --mx --my, las setea JS)
========================= */
.sg-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity: .0;
  transition: opacity .25s ease;
  background: radial-gradient(600px 420px at var(--mx, 50%) var(--my, 50%),
    rgba(255, 0, 200, .18),
    transparent 60%);
}
.sg-soft:after{
  background: radial-gradient(600px 420px at var(--mx, 50%) var(--my, 50%),
    rgba(0, 240, 255, .18),
    transparent 60%);
}
.sg-card:hover:after{ opacity: 1; }

/* =========================
   BADGES
========================= */
.sg-badge{
  font-family: Lexend, system-ui;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.sg-badge span{
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.sg-soft-badge{ color:#00f0ff; }
.sg-soft-badge span{ background:#00f0ff; box-shadow:0 0 14px rgba(0,240,255,.95); }

.sg-spicy-badge{ color:#ff00cc; }
.sg-spicy-badge span{ background:#ff00cc; box-shadow:0 0 14px rgba(255,0,204,.95); }

/* =========================
   TITULOS SOFT / SPICY (neón como tu captura)
========================= */
.sg-neon-title{
  font-family: Lexend, system-ui;
  font-weight: 900;
  font-size: clamp(40px, 4.2vw, 70px);
  line-height: 1;
  margin: 0 0 12px 0;
  letter-spacing: .5px;
}

/* glow base */
.sg-neon-title--soft{
  color: #EAFBFF;
  text-shadow:
    0 0 10px rgba(0,240,255,.55),
    0 0 22px rgba(0,240,255,.35),
    0 0 38px rgba(0,240,255,.22);
}
.sg-neon-title--spicy{
  color: #FFEAF7;
  text-shadow:
    0 0 10px rgba(255,0,204,.55),
    0 0 22px rgba(255,0,204,.35),
    0 0 38px rgba(255,0,204,.22);
}

/* “fill/shimmer” SOLO EN TEXTO (similar a botón, sin caja) */
.sg-neon-title--soft,
.sg-neon-title--spicy{
  background-size: 220% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
}
@supports (-webkit-text-fill-color: transparent){
  .sg-neon-title--soft{
    background-image: linear-gradient(90deg,
      rgba(255,255,255,.85),
      rgba(0,240,255,1),
      rgba(255,255,255,.85));
    -webkit-text-fill-color: transparent;
  }
  .sg-neon-title--spicy{
    background-image: linear-gradient(90deg,
      rgba(255,255,255,.90),
      rgba(255,0,204,1),
      rgba(255,255,255,.90));
    -webkit-text-fill-color: transparent;
  }
  .sg-card:hover .sg-neon-title--soft,
  .sg-card:hover .sg-neon-title--spicy{
    background-position: 100% 50%;
    transition: background-position .45s ease;
  }
}

/* Texto descriptivo */
.sg-card p{
  color: rgba(255,255,255,.85);
  max-width: 430px;
  margin: 0 0 18px 0;
  font-family: Lexend, system-ui;
  font-size: 15px;
  line-height: 1.55;
}

/* =========================
   BOTONES NEON con FILL HOVER (para los DOS)
   Clases: sg-neon-btn sg-neon-btn--soft / sg-neon-btn--spicy
========================= */
.sg-neon-btn .elementor-button{
  position: relative;
  overflow: hidden;
  border-radius: 999px !important;
  padding: 18px 34px !important;
  font-family: Lexend, system-ui !important;
  font-weight: 900 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  background: rgba(0,0,0,.50) !important;
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease;
}

/* capa relleno */
.sg-neon-btn .elementor-button:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  transform: translateX(-110%);
  transition: transform .35s ease;
  z-index: 0;
}
.sg-neon-btn .elementor-button span{
  position: relative;
  z-index: 1;
}

/* SOFT */
.sg-neon-btn--soft .elementor-button{
  border: 3px solid rgba(0,240,255,.85) !important;
  box-shadow: 0 0 0 6px rgba(0,240,255,.14), 0 0 40px rgba(0,240,255,.45);
  color: #ffffff !important; /* texto negro como mockup */
}
.sg-neon-btn--soft .elementor-button:before{ background: rgba(0,240,255,1); }

/* SPICY */
.sg-neon-btn--spicy .elementor-button{
  border: 3px solid rgba(255,0,204,.85) !important;
  box-shadow: 0 0 0 6px rgba(255,0,204,.14), 0 0 40px rgba(255,0,204,.45);
  color: #ffffff !important;
}
/* =========================
   SPICY (relleno rosa real)
========================= */

.sg-neon-btn--spicy .elementor-button{
  border: 3px solid rgba(255,0,204,.85) !important;
  box-shadow: 0 0 0 6px rgba(255,0,204,.15),
              0 0 40px rgba(255,0,204,.45);
  color: #ffffff !important;
}

/* Ahora el relleno es rosa */
.sg-neon-btn--spicy .elementor-button:before{
  background: rgba(255,0,204,1);
}

/* Hover */
.sg-neon-btn--spicy .elementor-button:hover{
  color: #071018 !important; /* texto oscuro como soft pero versión spicy */
  box-shadow: 0 0 0 7px rgba(255,0,204,.22),
              0 0 55px rgba(255,0,204,.65);
}


/* hover: fill + glow */
.sg-neon-btn .elementor-button:hover{ transform: translateY(-1px); }
.sg-neon-btn .elementor-button:hover:before{ transform: translateX(0); }

.sg-neon-btn--soft .elementor-button:hover{
  box-shadow: 0 0 0 7px rgba(0,240,255,.18), 0 0 52px rgba(0,240,255,.60);
}
.sg-neon-btn--spicy .elementor-button:hover{
  box-shadow: 0 0 0 7px rgba(255,0,204,.18), 0 0 56px rgba(255,0,204,.62);
}

/* Responsive */
@media (max-width: 768px){
  .sg-exp-grid{ flex-direction: column !important; }
}

.sg-kicker{letter-spacing:.28em;text-transform:uppercase;font-size:14px;color:rgba(255,255,255,.65);}/* End custom CSS */