.elementor-862 .elementor-element.elementor-element-63db6eb{--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;}:root{--page-title-display:none;}/* Start custom CSS *//* =================================================
   FONDO 3D PREMIUM + PARALLAX SUAVE AL MOVER CURSOR
   SOLO CSS – ELEMENTOR SAFE
   ================================================= */

/* Base sin blancos */
html, body{
  background:#050713 !important;
}

/* Evita fondos blancos de Elementor / theme */
body,
.elementor,
.elementor-page,
#page,
.site,
.site-content{
  background: transparent !important;
}

/* ===== CAPA PRINCIPAL ===== */
body::before{
  content:"";
  position: fixed;
  inset: -6%;
  z-index: -9999;
  pointer-events: none;

  background:
    radial-gradient(1200px 800px at 15% 20%, rgba(108,246,255,.14), transparent 60%),
    radial-gradient(1100px 780px at 85% 25%, rgba(184,107,255,.14), transparent 62%),
    radial-gradient(1000px 850px at 50% 90%, rgba(255,212,90,.06), transparent 66%),
    linear-gradient(180deg, #050713 0%, #060a1f 100%);

  filter: saturate(1.08) contrast(1.02);
  transform: translate3d(0,0,0) scale(1.05);

  transition:
    transform 1.6s cubic-bezier(.22,.61,.36,1),
    filter 1.6s cubic-bezier(.22,.61,.36,1);
}

/* ===== CAPA PROFUNDIDAD ===== */
body::after{
  content:"";
  position: fixed;
  inset: -10%;
  z-index: -9998;
  pointer-events: none;

  background:
    radial-gradient(650px 650px at 22% 35%, rgba(108,246,255,.10), transparent 62%),
    radial-gradient(760px 760px at 78% 38%, rgba(184,107,255,.11), transparent 66%),
    radial-gradient(900px 900px at 50% 70%, rgba(255,212,90,.05), transparent 70%),
    radial-gradient(circle at 50% 45%, transparent 0 56%, rgba(0,0,0,.42) 78%, rgba(0,0,0,.75) 100%);

  filter: blur(14px);
  transform: translate3d(0,0,0) scale(1.08);
  opacity:.95;

  transition:
    transform 2.2s cubic-bezier(.22,.61,.36,1),
    opacity 2.2s cubic-bezier(.22,.61,.36,1);
}

/* =================================================
   EFECTO PARALLAX SUAVE AL MOVER EL CURSOR
   ================================================= */

/* Cuando el usuario mueve el mouse dentro del body */
body:hover::before{
  transform:
    translate3d(-12px, -10px, 0)
    scale(1.06);
  filter: saturate(1.12) contrast(1.04);
}

body:hover::after{
  transform:
    translate3d(14px, 18px, 0)
    scale(1.10);
  opacity:1;
}

/* =================================================
   INTEGRACIÓN PERFECTA CON ELEMENTOR
   ================================================= */
.elementor-section,
.elementor-container,
.elementor-widget-wrap{
  background: transparent !important;
}

/* =================================================
   MOBILE / TABLET – efecto más sutil
   ================================================= */
@media (max-width: 900px){
  body::before{
    transform: scale(1.04);
  }
  body::after{
    opacity:.85;
    filter: blur(16px);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  body::before,
  body::after{
    transition:none !important;
    transform:none !important;
  }
}/* End custom CSS */