.elementor-6285 .elementor-element.elementor-element-210f8d43{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:3%;}.elementor-6285 .elementor-element.elementor-element-3a099dec{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6285 .elementor-element.elementor-element-3a099dec:not(.elementor-motion-effects-element-type-background), .elementor-6285 .elementor-element.elementor-element-3a099dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-6285 .elementor-element.elementor-element-3a099dec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6285 .elementor-element.elementor-element-0fc710e{--display:flex;}.elementor-6285 .elementor-element.elementor-element-6def4a3{--display:flex;}.elementor-6285 .elementor-element.elementor-element-367dba4{--display:flex;}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6285 .elementor-element.elementor-element-da7b2c2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6285 .elementor-element.elementor-element-da7b2c2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-1ac9109{--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-6285 .elementor-element.elementor-element-671c8d4{--display:flex;}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6285 .elementor-element.elementor-element-68fbf23{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6285 .elementor-element.elementor-element-68fbf23 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6285 .elementor-element.elementor-element-8f5a505{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6285 .elementor-element.elementor-element-8f5a505 .elementor-icon-list-text{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-f541425{--display:flex;}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6285 .elementor-element.elementor-element-dec00fd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6285 .elementor-element.elementor-element-dec00fd .elementor-icon-list-text{transition:color 0.3s;}.elementor-6285 .elementor-element.elementor-element-71e9d85e{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E9E9E9;--border-color:#E9E9E9;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6285 .elementor-element.elementor-element-71e9d85e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6285 .elementor-element.elementor-element-2fc68f50{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;top:0px;}body:not(.rtl) .elementor-6285 .elementor-element.elementor-element-2fc68f50{right:0%;}body.rtl .elementor-6285 .elementor-element.elementor-element-2fc68f50{left:0%;}.elementor-6285 .elementor-element.elementor-element-2fc68f50 .elementor-icon-wrapper{text-align:end;}.elementor-6285 .elementor-element.elementor-element-2fc68f50.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6285 .elementor-element.elementor-element-2fc68f50.elementor-view-stacked .elementor-icon{color:#FFFFFF;}.elementor-6285 .elementor-element.elementor-element-2fc68f50.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-6285 .elementor-element.elementor-element-2fc68f50 .elementor-icon{font-size:20px;padding:20px;}.elementor-6285 .elementor-element.elementor-element-2fc68f50 .elementor-icon svg{height:20px;}#elementor-popup-modal-6285 .dialog-widget-content{animation-duration:1.2s;}#elementor-popup-modal-6285 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-6285{justify-content:center;align-items:center;}@media(max-width:1399px){body:not(.rtl) .elementor-6285 .elementor-element.elementor-element-2fc68f50{right:0px;}body.rtl .elementor-6285 .elementor-element.elementor-element-2fc68f50{left:0px;}.elementor-6285 .elementor-element.elementor-element-2fc68f50{top:3px;}}@media(min-width:768px){.elementor-6285 .elementor-element.elementor-element-210f8d43{--width:100%;}.elementor-6285 .elementor-element.elementor-element-3a099dec{--width:60%;}.elementor-6285 .elementor-element.elementor-element-71e9d85e{--width:40%;}}@media(max-width:1399px) and (min-width:768px){.elementor-6285 .elementor-element.elementor-element-3a099dec{--width:436.725px;}.elementor-6285 .elementor-element.elementor-element-71e9d85e{--width:706.038px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6285 .elementor-element.elementor-element-3a099dec{--width:50%;}.elementor-6285 .elementor-element.elementor-element-71e9d85e{--width:50%;}}@media(max-width:1024px){.elementor-6285 .elementor-element.elementor-element-71e9d85e{--margin-top:0%;--margin-bottom:0%;--margin-left:10%;--margin-right:0%;}}@media(max-width:767px){.elementor-6285 .elementor-element.elementor-element-210f8d43{--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-start;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6285 .elementor-element.elementor-element-3a099dec{--min-height:25vh;--padding-top:15%;--padding-bottom:15%;--padding-left:15%;--padding-right:15%;}.elementor-6285 .elementor-element.elementor-element-71e9d85e{--min-height:75vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6285 .elementor-element.elementor-element-2fc68f50 .elementor-icon{font-size:20px;}.elementor-6285 .elementor-element.elementor-element-2fc68f50 .elementor-icon svg{height:20px;}}/* Start custom CSS for container, class: .elementor-element-210f8d43 *//* ================================================== */
/* POPUP MENU COSMOS - DISEÑO PREMIUM Y PROFESIONAL */
/* ================================================== */

/* RESET Y CONFIGURACIÓN BASE */
.elementor-6285 .elementor-element.elementor-element-210f8d43 {
  /* Box Model */
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  
  /* Posicionamiento */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999999 !important;
  
  /* Fondo con gradiente animado */
  background: 
    linear-gradient(135deg, 
      #0f172a 0%, 
      #1e293b 25%, 
      #2d3748 50%, 
      #4a5568 75%, 
      #718096 100%
    ) !important;
  
  /* Efectos visuales */
  backdrop-filter: blur(10px) !important;
  overflow: hidden !important;
  
  /* Animación de entrada */
  animation: popupEntrance 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* ANIMACIÓN DE ENTRADA ESPECTACULAR */
@keyframes popupEntrance {
  0% {
    opacity: 0;
    transform: scale(1.1) translateY(20px);
    filter: blur(20px);
  }
  60% {
    opacity: 1;
    transform: scale(0.98) translateY(-5px);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}

/* EFECTO DE PARTÍCULAS EN FONDO */
.elementor-6285 .elementor-element.elementor-element-210f8d43::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: 
    radial-gradient(circle at 15% 70%, rgba(0, 87, 245, 0.3) 0%, transparent 40%),
    radial-gradient(circle at 85% 30%, rgba(255, 51, 102, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 45% 45%, rgba(0, 163, 255, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(139, 69, 255, 0.15) 0%, transparent 55%),
    radial-gradient(circle at 30% 85%, rgba(255, 107, 53, 0.1) 0%, transparent 60%);
  animation: particleOrbit 25s linear infinite;
  z-index: 0;
  opacity: 0.7;
}

@keyframes particleOrbit {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

/* EFECTO DE BRILO DINÁMICO */
.elementor-6285 .elementor-element.elementor-element-210f8d43::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    linear-gradient(
      125deg,
      transparent 0%,
      rgba(255, 255, 255, 0.03) 50%,
      transparent 100%
    );
  animation: shineSweep 8s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

@keyframes shineSweep {
  0%, 100% {
    transform: translateX(-100%) skewX(-15deg);
  }
  50% {
    transform: translateX(200%) skewX(-15deg);
  }
}

/* CONTENEDOR PRINCIPAL - TARJETA GLASSMORPHISM */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container {
  /* Box Model */
  width: 90% !important;
  max-width: 1400px !important;
  min-height: 80vh !important;
  margin: 10vh auto !important;
  padding: 0 !important;
  
  /* Efecto Glassmorphism Premium */
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 28px !important;
  
  /* Sombras y profundidad */
  box-shadow: 
    0 32px 64px rgba(0, 0, 0, 0.4),
    0 16px 32px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  
  /* Posicionamiento */
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  
  /* Animación */
  animation: cardFloat 1s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

@keyframes cardFloat {
  0% {
    opacity: 0;
    transform: translateY(80px) scale(0.92) rotateX(10deg);
  }
  70% {
    opacity: 1;
    transform: translateY(-10px) scale(1.02) rotateX(-2deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) rotateX(0deg);
  }
}

/* EFECTO DE BORDE LUMINOSO */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(
    45deg,
    #0057F5,
    #00A3FF,
    #8B45FF,
    #FF3366,
    #FF6B35,
    #0057F5
  ) !important;
  background-size: 400% 400% !important;
  border-radius: 30px !important;
  z-index: -1 !important;
  animation: borderFlow 6s ease infinite;
  opacity: 0.6;
  filter: blur(8px);
}

@keyframes borderFlow {
  0%, 100% {
    background-position: 0% 50%;
    opacity: 0.6;
  }
  50% {
    background-position: 100% 50%;
    opacity: 0.8;
  }
}

/* CONTENEDOR DE COLUMNAS */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-row {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* ============ COLUMNA IZQUIERDA ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .col1 {
  /* Box Model */
  flex: 1 !important;
  padding: 70px 60px !important;
  
  /* Fondo elegante con textura sutil */
  background: 
    linear-gradient(135deg, 
      rgba(255, 255, 255, 0.98) 0%, 
      rgba(248, 250, 255, 0.97) 50%,
      rgba(240, 247, 255, 0.95) 100%
    ),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" opacity="0.02"><defs><pattern id="cosmosPattern" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%230057F5"/><circle cx="40" cy="40" r="0.5" fill="%230057F5"/><circle cx="0" cy="0" r="0.8" fill="%230057F5"/></pattern></defs><rect width="100" height="100" fill="url(%23cosmosPattern)"/></svg>') !important;
  
  /* Bordes y separación */
  border-radius: 28px 0 0 28px !important;
  border-right: 1px solid rgba(0, 87, 245, 0.08) !important;
  
  /* Scroll interno */
  overflow-y: auto !important;
  max-height: 80vh !important;
}

/* ============ COLUMNA DERECHA ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .col2 {
  /* Box Model */
  flex: 0 0 400px !important;
  padding: 70px 50px !important;
  
  /* Fondo con gradiente sutil */
  background: 
    linear-gradient(135deg, 
      rgba(248, 250, 255, 0.98) 0%, 
      rgba(240, 247, 255, 0.96) 100%
    ) !important;
  
  /* Bordes */
  border-radius: 0 28px 28px 0 !important;
  
  /* Centrado vertical */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
}

/* BOTÓN DE CIERRE PREMIUM */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu {
  /* Posicionamiento */
  position: fixed !important;
  top: 40px !important;
  right: 40px !important;
  z-index: 1000000 !important;
  
  /* Tamaño y forma */
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  
  /* Fondo con gradiente animado */
  background: linear-gradient(135deg, 
    #0057F5 0%, 
    #00A3FF 25%, 
    #8B45FF 50%, 
    #FF3366 75%, 
    #FF6B35 100%
  ) !important;
  background-size: 300% 300% !important;
  
  /* Borde y sombras */
  border: 3px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 
    0 20px 40px rgba(0, 87, 245, 0.4),
    0 8px 30px rgba(0, 0, 0, 0.3),
    inset 0 2px 0 rgba(255, 255, 255, 0.4) !important;
  
  /* Efectos de cursor */
  cursor: pointer !important;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  
  /* Animación continua */
  animation: 
    buttonGlow 3s ease-in-out infinite,
    gradientShift 8s ease infinite !important;
  
  /* Centrado del contenido */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@keyframes buttonGlow {
  0%, 100% {
    box-shadow: 
      0 20px 40px rgba(0, 87, 245, 0.4),
      0 8px 30px rgba(0, 0, 0, 0.3),
      inset 0 2px 0 rgba(255, 255, 255, 0.4);
    transform: scale(1);
  }
  50% {
    box-shadow: 
      0 25px 50px rgba(0, 87, 245, 0.6),
      0 12px 40px rgba(0, 0, 0, 0.4),
      inset 0 2px 0 rgba(255, 255, 255, 0.6);
    transform: scale(1.05);
  }
}

@keyframes gradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Efectos hover del botón de cierre */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu:hover {
  background: linear-gradient(135deg, 
    #FF3366 0%, 
    #FF6B35 25%, 
    #FFD700 50%, 
    #00D4AA 75%, 
    #0057F5 100%
  ) !important;
  transform: rotate(180deg) scale(1.15) !important;
  box-shadow: 
    0 30px 60px rgba(255, 51, 102, 0.6),
    0 15px 45px rgba(0, 0, 0, 0.4),
    inset 0 2px 0 rgba(255, 255, 255, 0.6) !important;
  animation: none !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu:active {
  transform: rotate(180deg) scale(0.95) !important;
  transition: transform 0.1s ease !important;
}

/* Icono interno del botón de cierre */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu .elementor-icon {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu .elementor-icon svg {
  width: 100% !important;
  height: 100% !important;
  filter: 
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) 
    brightness(1.2) !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu .elementor-icon svg rect {
  fill: white !important;
  transition: all 0.4s ease !important;
}

/* ANIMACIONES DE COLUMNAS */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .animated {
  animation-duration: 1s !important;
  animation-fill-mode: both !important;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

@keyframes fadeInLeftEnhanced {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 50px, 0) scale(0.9) rotateY(10deg);
  }
  60% {
    opacity: 1;
    transform: translate3d(15px, -10px, 0) scale(1.02) rotateY(-2deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  }
}

@keyframes fadeInRightEnhanced {
  0% {
    opacity: 0;
    transform: translate3d(100px, 50px, 0) scale(0.9) rotateY(-10deg);
  }
  60% {
    opacity: 1;
    transform: translate3d(-15px, -10px, 0) scale(1.02) rotateY(2deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotateY(0deg);
  }
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .fadeInLeft {
  animation-name: fadeInLeftEnhanced !important;
  animation-delay: 0.3s !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .fadeInRight {
  animation-name: fadeInRightEnhanced !important;
  animation-delay: 0.5s !important;
}

/* CONTENEDORES INTERNOS DE WIDGETS */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-widget-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
}

/* ============ MENÚ DE NAVEGACIÓN PRINCIPAL ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* ELEMENTOS PRINCIPALES DEL MENÚ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a {
  /* Tipografía */
  color: #1e293b !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.3px !important;
  line-height: 1.4 !important;
  
  /* Box Model */
  padding: 20px 25px !important;
  display: block !important;
  border-radius: 16px !important;
  
  /* Fondos y bordes */
  background: transparent !important;
  border: 2px solid transparent !important;
  border-left: 4px solid transparent !important;
  
  /* Transiciones */
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  
  /* Efectos de texto */
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Efecto de fondo sutil al hover */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(0, 87, 245, 0.05), 
    transparent
  ) !important;
  transition: left 0.6s ease !important;
  z-index: -1;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a:hover::before {
  left: 100% !important;
}

/* Efectos hover principales */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a:hover {
  color: #0057F5 !important;
  background: rgba(0, 87, 245, 0.04) !important;
  border-color: rgba(0, 87, 245, 0.12) !important;
  border-left-color: #0057F5 !important;
  transform: translateX(12px) scale(1.02) !important;
  box-shadow: 
    0 8px 25px rgba(0, 87, 245, 0.15),
    0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Elemento activo o destacado */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li.menu-item-6463 > a {
  color: #0057F5 !important;
  background: linear-gradient(135deg, 
    rgba(0, 87, 245, 0.08) 0%, 
    rgba(0, 163, 255, 0.06) 100%
  ) !important;
  border-left-color: #0057F5 !important;
  font-weight: 900 !important;
  position: relative !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li.menu-item-6463 > a::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #0057F5;
  border-radius: 50%;
  animation: pulseDot 2s ease-in-out infinite;
}

@keyframes pulseDot {
  0%, 100% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) scale(1.5);
    opacity: 0.7;
  }
}

/* ============ SUBMENÚS ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list {
  list-style: none !important;
  padding: 15px 0 25px 40px !important;
  margin: 5px 0 25px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  
  /* Borde izquierdo decorativo */
  border-left: 3px solid rgba(0, 87, 245, 0.15) !important;
  position: relative !important;
}

/* Punto decorativo en el borde del submenú */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list::before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  width: 7px;
  height: 7px;
  background: #0057F5;
  border-radius: 50%;
  animation: submenuGlow 3s ease-in-out infinite;
}

@keyframes submenuGlow {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

/* Elementos del submenú */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a {
  /* Tipografía */
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.1px !important;
  
  /* Box Model */
  padding: 16px 22px !important;
  display: block !important;
  border-radius: 12px !important;
  
  /* Transiciones */
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  
  /* Posicionamiento */
  position: relative !important;
}

/* Indicador de submenú */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a::before {
  content: '';
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 6px;
  height: 6px;
  background: #0057F5;
  border-radius: 50%;
  transition: all 0.3s ease !important;
  opacity: 0;
}

/* Efectos hover del submenú */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a:hover {
  color: #0057F5 !important;
  background: rgba(0, 87, 245, 0.07) !important;
  transform: translateX(8px) !important;
  padding-left: 28px !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a:hover::before {
  transform: translateY(-50%) scale(1) !important;
  opacity: 1 !important;
  left: -20px !important;
}

/* ============ BOTÓN INICIAR SESIÓN ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button {
  /* Tipografía */
  color: white !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.2px !important;
  
  /* Box Model */
  padding: 22px 45px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  border-radius: 16px !important;
  
  /* Fondo con gradiente animado */
  background: linear-gradient(135deg, 
    #0057F5 0%, 
    #00A3FF 25%, 
    #8B45FF 50%, 
    #0057F5 75%, 
    #00A3FF 100%
  ) !important;
  background-size: 300% 300% !important;
  
  /* Bordes y sombras */
  border: none !important;
  box-shadow: 
    0 20px 40px rgba(0, 87, 245, 0.4),
    0 10px 25px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  
  /* Transiciones */
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  
  /* Posicionamiento */
  position: relative !important;
  overflow: hidden !important;
  
  /* Animación */
  animation: buttonGradientShift 6s ease infinite !important;
}

@keyframes buttonGradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Efecto de brillo al pasar el mouse */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.2), 
    transparent
  ) !important;
  transition: left 0.8s ease !important;
}

/* Efectos hover del botón */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button:hover {
  background: linear-gradient(135deg, 
    #FF3366 0%, 
    #FF6B35 25%, 
    #FFD700 50%, 
    #00D4AA 75%, 
    #FF3366 100%
  ) !important;
  transform: translateY(-8px) scale(1.08) !important;
  box-shadow: 
    0 30px 60px rgba(255, 51, 102, 0.5),
    0 15px 35px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  animation: none !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button:hover::before {
  left: 100% !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button:active {
  transform: translateY(-4px) scale(1.04) !important;
  transition: transform 0.1s ease !important;
}

/* ============ ICONOS SOCIALES ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icons-wrapper {
  display: flex !important;
  gap: 18px !important;
  margin-bottom: 40px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icon {
  /* Box Model */
  width: 55px !important;
  height: 55px !important;
  border-radius: 50% !important;
  
  /* Fondo con gradiente */
  background: linear-gradient(135deg, 
    #0057F5 0%, 
    #00A3FF 100%
  ) !important;
  
  /* Centrado */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Transiciones */
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  
  /* Sombras */
  box-shadow: 
    0 10px 25px rgba(0, 87, 245, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.1) !important;
  
  /* Posicionamiento */
  position: relative !important;
  overflow: hidden !important;
}

/* Efecto hover de iconos sociales */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icon:hover {
  background: linear-gradient(135deg, 
    #FF3366 0%, 
    #FF6B35 100%
  ) !important;
  transform: translateY(-6px) rotate(12deg) scale(1.15) !important;
  box-shadow: 
    0 18px 35px rgba(255, 51, 102, 0.4),
    0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Iconos dentro de los botones sociales */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icon i {
  color: white !important;
  font-size: 22px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 1 !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icon:hover i {
  transform: scale(1.2) !important;
}

/* ============ SELECTOR DE IDIOMAS ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .cpel-switcher__nav {
  margin-top: 30px !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .cpel-switcher__list {
  display: flex !important;
  gap: 15px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .cpel-switcher__lang a {
  /* Tipografía */
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  
  /* Box Model */
  padding: 12px 20px !important;
  display: block !important;
  border-radius: 10px !important;
  
  /* Fondos y bordes */
  background: rgba(255, 255, 255, 0.5) !important;
  border: 2px solid transparent !important;
  
  /* Transiciones */
  transition: all 0.3s ease !important;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .cpel-switcher__lang--active a,
.elementor-6285 .elementor-element.elementor-element-210f8d43 .cpel-switcher__lang a:hover {
  color: #0057F5 !important;
  background: rgba(0, 87, 245, 0.1) !important;
  border-color: rgba(0, 87, 245, 0.2) !important;
}

/* ============ DISEÑO RESPONSIVE ============ */

/* Tablets y laptops pequeñas */
@media (max-width: 1200px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container {
    width: 95% !important;
    margin: 5vh auto !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column {
    padding: 50px 40px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .col2 {
    flex: 0 0 350px !important;
  }
}

/* Tablets */
@media (max-width: 1024px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a {
    font-size: 22px !important;
    padding: 18px 22px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a {
    font-size: 16px !important;
    padding: 14px 20px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu {
    width: 60px !important;
    height: 60px !important;
    top: 30px !important;
    right: 30px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button {
    padding: 20px 40px !important;
    font-size: 18px !important;
  }
}

/* Móviles grandes */
@media (max-width: 768px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container {
    flex-direction: column !important;
    min-height: auto !important;
    margin: 20px auto !important;
    width: 95% !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column {
    padding: 40px 30px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .col1 {
    border-radius: 20px 20px 0 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(0, 87, 245, 0.1) !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .col2 {
    border-radius: 0 0 20px 20px !important;
    flex: none !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a {
    font-size: 20px !important;
    padding: 16px 20px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a {
    font-size: 15px !important;
    padding: 12px 18px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu {
    width: 55px !important;
    height: 55px !important;
    top: 20px !important;
    right: 20px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button {
    padding: 18px 35px !important;
    font-size: 17px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-social-icon {
    width: 50px !important;
    height: 50px !important;
  }
}

/* Móviles pequeños */
@media (max-width: 480px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 {
    padding: 10px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container {
    width: 100% !important;
    margin: 10px auto !important;
    border-radius: 16px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column {
    padding: 30px 20px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu > li > a {
    font-size: 18px !important;
    padding: 14px 16px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list {
    padding-left: 25px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu .submenu_list li a {
    font-size: 14px !important;
    padding: 10px 14px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu {
    width: 50px !important;
    height: 50px !important;
    top: 15px !important;
    right: 15px !important;
  }
  
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button {
    padding: 16px 30px !important;
    font-size: 16px !important;
  }
}

/* ============ SCROLLBAR PERSONALIZADO ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column::-webkit-scrollbar {
  width: 8px;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column::-webkit-scrollbar-track {
  background: rgba(0, 87, 245, 0.06);
  border-radius: 10px;
  margin: 10px;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #0057F5, #8B45FF);
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-column::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #FF3366, #FF6B35);
}

/* ============ ESTADOS DE VISIBILIDAD ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-hidden-desktop {
  display: none !important;
}

@media (max-width: 1024px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-hidden-mobile {
    display: none !important;
  }
}

/* ============ MEJORAS DE RENDIMIENTO ============ */
.elementor-6285 .elementor-element.elementor-element-210f8d43 {
  /* Optimización de rendimiento */
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  will-change: transform, opacity;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-container {
  /* Mejora de renderizado */
  transform: translateZ(0);
  isolation: isolate;
}

/* ============ ACCESIBILIDAD ============ */
@media (prefers-reduced-motion: reduce) {
  .elementor-6285 .elementor-element.elementor-element-210f8d43,
  .elementor-6285 .elementor-element.elementor-element-210f8d43 *,
  .elementor-6285 .elementor-element.elementor-element-210f8d43 *::before,
  .elementor-6285 .elementor-element.elementor-element-210f8d43 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Foco para accesibilidad */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-nav-menu li a:focus,
.elementor-6285 .elementor-element.elementor-element-210f8d43 .elementor-button:focus,
.elementor-6285 .elementor-element.elementor-element-210f8d43 .CloseMegaMenu:focus {
  outline: 3px solid #0057F5;
  outline-offset: 2px;
}

/* ============ EFECTOS ESPECIALES ============ */
/* Efecto de partículas flotantes adicional */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .floating-particles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .particle {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: floatParticle 20s infinite linear;
}

@keyframes floatParticle {
  0% {
    transform: translateY(100vh) translateX(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) translateX(100px) rotate(360deg);
    opacity: 0;
  }
}

/* Efecto de carga sutil para contenido */
.elementor-6285 .elementor-element.elementor-element-210f8d43 .content-loading {
  position: relative;
}

.elementor-6285 .elementor-element.elementor-element-210f8d43 .content-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.1), 
    transparent
  );
  animation: loadingShine 2s infinite;
}

@keyframes loadingShine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}/* End custom CSS */