/* CreatixNova · Mega menú (paquete "megamenu"). Pestañas anidadas de Elementor dentro del widget Menu:
   lista de opciones a la izquierda y, a la derecha, la ficha de cada una con su personaje, texto y llamada a la acción.
   Cambia al pasar el puntero y rota sola cada 6 s (la barra bajo la opción activa muestra el tiempo). */
.cnx-mmt{--mmt-dur:6000ms;width:100%}
.cnx-mmt .e-n-tabs{display:flex!important;flex-direction:row!important;align-items:stretch;gap:0!important}
.cnx-mmt .e-n-tabs-heading{display:flex!important;flex-direction:column!important;flex:0 0 300px;width:300px;gap:8px;padding:6px 26px 30px 0;border-right:1px solid rgba(255,255,255,.08)}
.cnx-mmt .e-n-tab-title{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;
	padding:18px 20px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;cursor:pointer;
	font-family:"Quicksand",sans-serif!important;font-size:19px!important;font-weight:700!important;color:rgba(255,255,255,.62)!important;
	transition:background .45s ease,color .35s ease,border-color .45s ease,transform .35s ease}
.cnx-mmt .e-n-tab-title:hover{color:#fff!important;transform:translateX(4px)}
.cnx-mmt .e-n-tab-title .e-n-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;
	background:rgba(255,255,255,.06);color:#8A99FF;transition:background .45s ease,color .35s ease}
.cnx-mmt .e-n-tab-title .e-n-tab-icon svg,.cnx-mmt .e-n-tab-title .e-n-tab-icon i{width:18px;height:18px;font-size:18px;fill:currentColor}
/* Elementor esconde el ícono de la pestaña activa (altura 0 + translateY(-100vh)): se fuerza siempre visible */
.cnx-mmt .e-n-tab-title .e-n-tab-icon>*:first-child{display:block!important;opacity:1!important;height:18px!important;transform:none!important}
.cnx-mmt .e-n-tab-title .e-n-tab-icon>*+*{display:none!important}
.cnx-mmt .e-n-tab-title .e-n-tab-icon svg{width:18px!important;height:18px!important;fill:#8A99FF!important}
.cnx-mmt .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg{fill:#fff!important}
.cnx-mmt .e-n-tab-title[aria-selected="true"]{color:#fff!important;border-color:rgba(138,153,255,.35)!important;
	background:linear-gradient(110deg,rgba(35,7,242,.62),rgba(92,100,255,.22))!important;box-shadow:0 18px 40px -22px rgba(59,54,255,.9)}
.cnx-mmt .e-n-tab-title[aria-selected="true"] .e-n-tab-icon{background:linear-gradient(135deg,#2307F2,#5C64FF);color:#fff}
.cnx-mmt .e-n-tab-title::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#3B36FF,#5C64FF)}
.cnx-mmt.is-tick .e-n-tab-title[aria-selected="true"]::after{animation:cnxMmtProg var(--mmt-dur) linear forwards}
.cnx-mmt.is-hold .e-n-tab-title[aria-selected="true"]::after{animation-play-state:paused}
@keyframes cnxMmtProg{to{width:100%}}
/* Ficha de la derecha */
.cnx-mmt .e-n-tabs-content{flex:1;min-width:0;padding-left:44px}
.cnx-mmt .cnx-mmt-pane{min-height:390px;gap:24px!important;padding:0!important}
.cnx-mmt .cnx-mmt-txt{flex:0 0 54%;width:54%!important;padding:6px 0 34px!important}
.cnx-mmt .cnx-mmt-art{position:relative;flex:1;padding:0!important;isolation:isolate;overflow:visible}
.cnx-mmt .cnx-mmt-art::before{content:"";position:absolute;left:50%;bottom:-10px;width:360px;height:360px;margin-left:-180px;border-radius:50%;z-index:-1;
	background:radial-gradient(circle at 50% 40%,rgba(92,100,255,.55),rgba(35,7,242,.35) 45%,transparent 70%);filter:blur(4px)}
.cnx-mmt .cnx-mmt-art::after{content:"";position:absolute;left:50%;bottom:0;width:300px;height:300px;margin-left:-150px;border-radius:50%;z-index:-1;
	border:1px dashed rgba(138,153,255,.35);animation:cnxMmtSpin 28s linear infinite}
@keyframes cnxMmtSpin{to{transform:rotate(360deg)}}
.cnx-mmt .cnx-mmt-img{width:auto!important;margin:0!important;line-height:0}
.cnx-mmt .cnx-mmt-img img{display:block;width:auto!important;max-width:100%!important;height:400px!important;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
.cnx-mmt .cnx-mmt-eyebrow .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase;color:#8A99FF!important}
.cnx-mmt .cnx-mmt-title .elementor-heading-title{font-family:"Quicksand",sans-serif!important;font-size:34px!important;font-weight:700!important;line-height:1.15!important;color:#fff!important;white-space:normal!important}
.cnx-mmt .cnx-mmt-title .elementor-heading-title span{color:#3B36FF}
.cnx-mmt .cnx-mmt-desc,.cnx-mmt .cnx-mmt-desc p{margin:0!important;font-family:"Familjen Grotesk",sans-serif;font-size:17px;line-height:1.6;color:rgba(255,255,255,.74)}
.cnx-mmt .cnx-mmt-list .elementor-icon-list-items{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 18px}
.cnx-mmt .cnx-mmt-list .elementor-icon-list-item{margin:0!important;padding:0!important}
.cnx-mmt .cnx-mmt-list .elementor-icon-list-text{font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:500;color:#fff;padding-left:10px!important}
.cnx-mmt .cnx-mmt-list .elementor-icon-list-icon svg{width:14px!important;height:14px!important;fill:#3B36FF!important}
.cnx-mmt .cnx-mmt-btn .elementor-button{margin-top:6px;padding:15px 26px!important;border-radius:999px!important;border:0!important;
	background:linear-gradient(110deg,#2307F2,#3B36FF 60%,#5C64FF)!important;color:#fff!important;font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;
	box-shadow:0 14px 30px -12px rgba(59,54,255,.85);transition:transform .3s ease,box-shadow .3s ease}
.cnx-mmt .cnx-mmt-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(59,54,255,1)}
.cnx-mmt .cnx-mmt-btn .elementor-button-icon svg{fill:#fff;width:14px;transition:transform .3s ease}
.cnx-mmt .cnx-mmt-btn .elementor-button:hover .elementor-button-icon svg{transform:translateX(4px)}
/* Entrada de la ficha al cambiar de opción */
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-txt>*{animation:cnxMmtIn .6s cubic-bezier(.2,.8,.2,1) both}
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-txt>*:nth-child(2){animation-delay:.06s}
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-txt>*:nth-child(3){animation-delay:.12s}
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-txt>*:nth-child(4){animation-delay:.18s}
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-txt>*:nth-child(5){animation-delay:.24s}
.cnx-mmt .e-n-tabs-content>.e-con.e-active .cnx-mmt-img{animation:cnxMmtImg .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes cnxMmtIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cnxMmtImg{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1200px){.cnx-mmt .e-n-tabs-heading{flex-basis:250px;width:250px}.cnx-mmt .cnx-mmt-title .elementor-heading-title{font-size:28px!important}.cnx-mmt .cnx-mmt-img img{height:340px!important}}
@media (prefers-reduced-motion:reduce){.cnx-mmt *{animation:none!important}}

/* ---------- 12/10 (v2): desplegable elegante ----------
   Entra y sale solo con un fundido lento (sin deslizar ni rebotar), separado de la barra del menú para que respire
   y sin la línea azul de arriba que cortaba el logo. Al pasar de un menú a otro, uno se desvanece mientras el otro aparece. */
.cnx-mm .e-n-menu-content{padding-top:22px!important;pointer-events:none}
.cnx-mm .e-n-menu-content.e-active{pointer-events:auto}
.cnx-mm .e-n-menu-content>.e-con{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;animation:none!important;transform:none!important;
	transition:opacity .45s ease,visibility 0s linear .45s}
.cnx-mm .e-n-menu-content>.e-con.e-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .6s ease .08s,visibility 0s linear 0s}
.cnx-mm .cnx-mm-band::before{display:none!important}
.cnx-mm .cnx-mm-band{border-radius:22px;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
/* Lo de adentro también aparece solo con fundido, sin saltos */
.cnx-mm .e-n-menu-content .cnx-mm-card,.cnx-mm .e-n-menu-content .cnx-mmt-txt>*,.cnx-mm .e-n-menu-content .cnx-mmt-img{animation-name:cnxMmFade!important;animation-duration:.7s!important;animation-timing-function:ease!important}
@keyframes cnxMmFade{from{opacity:0}to{opacity:1}}
.cnx-mm .e-n-menu-content>.e-con:not(.e-active) .cnx-mm-card,.cnx-mm .e-n-menu-content>.e-con:not(.e-active) .cnx-mmt-txt>*,.cnx-mm .e-n-menu-content>.e-con:not(.e-active) .cnx-mmt-img{animation:none!important}
/* Página actual: solo el color (sin subrayado). Inicio no se marca. */
.cnx-mm .e-n-menu-title.cnx-current .e-n-menu-title-text,.cnx-mm .e-n-menu-title.cnx-current .e-n-menu-title-container{color:#8A99FF!important}
.cnx-mm .e-n-menu-title .e-n-menu-title-text{transition:color .5s ease}
.elementor-nav-menu--dropdown .current-menu-item>a,.elementor-nav-menu--dropdown .current-menu-ancestor>a{color:#8A99FF!important}
@media (prefers-reduced-motion:reduce){.cnx-mm .e-n-menu-content>.e-con{transition:none!important}}
/* v3 (revisión): al cerrar, el panel ya no sube 44 px mientras se desvanece; y al pasar de un menú a otro el nuevo entra
   por encima mientras el anterior sigue sólido debajo, así nunca se transparenta y no asoma el banner de atrás. */
.cnx-mm .e-n-menu-content:not(.e-active){top:44px!important;z-index:2}
.cnx-mm .e-n-menu-content.e-active{z-index:3}
.cnx-mm .e-n-menu-content>.e-con{transition:opacity .45s ease .3s,visibility 0s linear .75s}
.cnx-mm .e-n-menu-content>.e-con.e-active{transition:opacity .55s ease .06s,visibility 0s linear 0s}