/* CreatixNova · páginas de servicio v2 (paquete "servicios", 12/10/2026).
   Lenguaje del home (Amoxi): carbón + azul eléctrico, títulos Quicksand, texto Familjen Grotesk.
   Cada página tiene su pieza firma; aquí van las piezas comunes y las firmas. Texto de lectura: 18 px, contraste AA. */
:root{--s-bg:#0E0F11;--s-bg2:#14162A;--s-card:#15172B;--s-line:rgba(138,153,255,.16);--s-line2:rgba(255,255,255,.08);
 --s-txt:#C7C9D6;--s-mut:#9EA2B8;--s-a1:#2307F2;--s-a2:#3B36FF;--s-a3:#5C64FF;--s-a4:#8A99FF;--s-light:#E9EDFF;--s-amb:#FFB020;
 --s-ease:cubic-bezier(.2,.8,.2,1)}
.cnx-s{position:relative;background:var(--s-bg);isolation:isolate}
.cnx-s:nth-of-type(even){background:#111223}
.cnx-s-p,.cnx-s-p p{font-family:"Familjen Grotesk",sans-serif;font-size:18px;line-height:1.65;color:var(--s-txt)}
.cnx-s-p p{margin:0 0 .6em}.cnx-s-p p:last-child{margin:0}
.cnx-s-lead p{font-size:19px;max-width:62ch}
.cnx-s-head--c .cnx-s-lead p{margin-inline:auto}
.cnx-s-h .elementor-heading-title{font-family:"Quicksand",sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,46px);line-height:1.16;color:#fff;letter-spacing:-.01em;text-wrap:balance}
h1.elementor-heading-title{text-wrap:balance}
.cnx-s-head{gap:16px;margin-bottom:56px!important;max-width:820px}
.cnx-s-head--c{align-items:center;text-align:center;margin-inline:auto!important}
.cnx-s-eye .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.cnx-s-note,.cnx-s-note .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:13px!important;line-height:1.5;color:var(--s-mut)!important;margin:0}
.cnx-s-btns{gap:18px 60px!important;margin-top:8px}
/* Botón contorno y botón WhatsApp (el principal es .cnx-btn del kit) */
.cnx-s-ghost .elementor-button{min-height:50px;padding:14px 30px;border-radius:100px;background:transparent!important;border:1px solid rgba(255,255,255,.3);
 font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:#fff!important;transition:all .4s var(--s-ease)}
.cnx-s-ghost .elementor-button:hover{background:#fff!important;color:#14162A!important;border-color:#fff}
.cnx-s-ghost .elementor-button-icon svg{width:13px;fill:currentColor;transition:transform .4s var(--s-ease)}
.cnx-s-ghost .elementor-button:hover .elementor-button-icon svg{transform:translateY(3px)}
.cnx-s-wa .elementor-button{min-height:52px;padding:14px 28px;border-radius:100px;background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(37,211,102,.06))!important;
 border:1px solid rgba(37,211,102,.55);backdrop-filter:blur(10px);font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;color:#fff!important;
 box-shadow:0 14px 30px -18px rgba(37,211,102,.8);transition:all .4s var(--s-ease)}
.cnx-s-wa .elementor-button-icon svg{width:20px;height:20px;fill:#25D366;transition:fill .3s}
.cnx-s-wa .elementor-button:hover{background:#25D366!important;border-color:#25D366;transform:translateY(-2px)}
.cnx-s-wa .elementor-button:hover .elementor-button-icon svg{fill:#fff}
/* Íconos animados (Lottie) en insignia */
.cnx-s-ib{width:64px!important;height:64px;flex:0 0 64px;align-items:center!important;justify-content:center!important;border-radius:18px;
 background:radial-gradient(circle at 30% 25%,rgba(92,100,255,.35),rgba(35,7,242,.14) 70%);border:1px solid rgba(138,153,255,.28);margin-bottom:22px!important}
.cnx-s-lot{line-height:0}.cnx-s-lot svg{display:block}
/* Chips glass */
.cnx-s-chip{width:auto!important;padding:11px 18px!important;border-radius:999px;background:rgba(20,22,42,.62);border:1px solid rgba(138,153,255,.26);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
.cnx-s-chip-t .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
/* Marco de navegador */
.cnx-s-browser{border-radius:18px;overflow:hidden;background:#0B0C1A;border:1px solid rgba(138,153,255,.2);box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03)}
.cnx-s-bar{height:38px;padding:0 16px 0 74px!important;background:#16182C;border-bottom:1px solid var(--s-line2);position:relative}
.cnx-s-bar::before{content:"";position:absolute;left:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#FF5F57;box-shadow:16px 0 0 #FEBC2E,32px 0 0 #28C840}
.cnx-s-url .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:12px;color:var(--s-mut);padding:4px 14px;border-radius:8px;background:rgba(255,255,255,.05)}
.cnx-s-screen{position:relative;overflow:hidden}
/* ---------- Hero ---------- */
.cnx-s-hero{overflow:hidden}
.cnx-s-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(48vw 40vw at 80% 40%,rgba(35,7,242,.32),transparent 68%),radial-gradient(30vw 26vw at 0% 100%,rgba(92,100,255,.14),transparent 70%)}
.cnx-s-hero-l{flex:1 1 480px;gap:22px}
.cnx-s-hero-r{flex:1 1 460px;position:relative}
.cnx-s-hero h1.elementor-heading-title,.cnx-s-hero .elementor-headline{font-family:"Quicksand",sans-serif;font-weight:700;font-size:clamp(36px,4.4vw,60px);line-height:1.08;color:#fff;letter-spacing:-.02em}
.cnx-s-hero .elementor-headline-dynamic-wrapper{color:var(--s-a4)}
.cnx-s-micro .elementor-icon-list-items{gap:10px 26px}
.cnx-s-micro .elementor-icon-list-icon svg{fill:var(--s-a4)!important;width:13px}
.cnx-s-micro .elementor-icon-list-text{font-family:"Familjen Grotesk",sans-serif;font-size:15px;color:var(--s-txt)}
.cnx-s-rv-stars .elementor-star-rating i:before,.cnx-s-rv-stars .elementor-star-rating i{color:var(--s-amb)!important}
.cnx-s-rv-stars .elementor-star-rating{font-size:16px}
.cnx-s-trust-t .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:15px;color:var(--s-txt);margin:0}
/* ---------- Reseñas ---------- */
.cnx-s-rv-row{align-items:stretch}
.cnx-s-rv-score{flex:0 0 260px;gap:10px;padding:34px 30px!important;border-radius:26px;background:linear-gradient(160deg,#1B1E3D,#14162A);border:1px solid var(--s-line)}
.cnx-s-rv-num .elementor-counter-number-wrapper{font-family:"Quicksand",sans-serif;font-size:96px;font-weight:700;line-height:1;color:#fff}
.cnx-s-rv-cap .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;color:var(--s-txt);font-size:16px;margin:0}
.cnx-s-rv-cards{flex:1 1 560px}
.cnx-s-rv-card{flex:1 1 300px;gap:16px;padding:32px 30px!important;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2);transition:transform .5s var(--s-ease),border-color .5s}
.cnx-s-rv-card:hover{transform:translateY(-6px);border-color:rgba(138,153,255,.4)}
.cnx-s-rv-q .elementor-icon{font-size:30px;color:rgba(138,153,255,.45)!important}.cnx-s-rv-q svg{fill:rgba(138,153,255,.45)!important;width:30px}
.cnx-s-rv-t p{font-size:18px;font-style:italic;color:#E4E6F2}
.cnx-s-rv-ph img{width:48px!important;height:48px!important;border-radius:50%;object-fit:cover;border:2px solid rgba(138,153,255,.45)}
.cnx-s-rv-ph{width:auto!important}
.cnx-s-rv-n .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0}
.cnx-s-rv-s .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:13px;color:var(--s-mut);margin:0}
/* ---------- FAQ ---------- */
.cnx-s-faq-row{align-items:flex-start}
.cnx-s-faq-side{flex:0 1 380px;gap:18px}
@media (min-width:1025px){.cnx-s-faq-side{position:sticky;top:130px}}
.cnx-s-faq-main{flex:1 1 520px}
.cnx-s-acc .e-n-accordion-item{border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2);transition:border-color .4s,background-color .4s;overflow:hidden}
.cnx-s-acc .e-n-accordion-item[open]{background:linear-gradient(160deg,rgba(35,7,242,.16),rgba(20,22,42,.6));border-color:rgba(138,153,255,.38)}
.cnx-s-acc .e-n-accordion-item-title{padding:22px 26px!important;border:0!important;background:transparent!important;cursor:pointer}
.cnx-s-acc .e-n-accordion-item-title-text{font-family:"Quicksand",sans-serif;font-size:19px;font-weight:700;color:#fff!important}
/* El ícono +/− nunca desaparece: Elementor alterna dos <span>; aquí se fuerza el visible y su color en todos los estados */
.cnx-s-acc .e-n-accordion-item-title-icon{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;
 background:rgba(138,153,255,.12);border:1px solid rgba(138,153,255,.3);transition:transform .45s var(--s-ease),background-color .3s}
.cnx-s-acc .e-n-accordion-item-title-icon svg{width:14px;height:14px;fill:#fff!important;opacity:1!important}
.cnx-s-acc .e-n-accordion-item-title-icon .e-opened{display:none!important}
.cnx-s-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened{display:flex!important}
.cnx-s-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed{display:none!important}
.cnx-s-acc .e-n-accordion-item-title-icon .e-closed{display:flex!important}
.cnx-s-acc .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon{background:var(--s-a2);transform:rotate(90deg)}
.cnx-s-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon{background:var(--s-a2)}
.cnx-s-acc .e-n-accordion-item>[role=region]{padding:0 26px 24px!important;border:0!important;background:transparent!important}
.cnx-s-acc-a .cnx-s-p p{font-size:17px}
/* ---------- CTA ---------- */
.cnx-s-cta-box{gap:22px;padding:80px 40px!important;border-radius:36px;overflow:hidden;position:relative;isolation:isolate;
 background:radial-gradient(70% 90% at 50% 0%,rgba(92,100,255,.45),transparent 70%),linear-gradient(160deg,#2307F2 0%,#14162A 62%);border:1px solid rgba(138,153,255,.3)}
.cnx-s-cta-box::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background:url("https://www.creatixnova.com/wp-content/uploads/2026/10/cnx-fondo-bloques-azul-v2.svg") center/cover;mix-blend-mode:soft-light}
.cnx-s-cta-h .elementor-heading-title{max-width:20ch;margin-inline:auto}
/* ---------- Relacionados ---------- */
.cnx-s-grid3>.e-con{flex:1 1 300px}
.cnx-s-rel{padding:34px 30px!important;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2);transition:all .5s var(--s-ease);cursor:pointer}
.cnx-s-rel:hover{transform:translateY(-6px);border-color:rgba(138,153,255,.45);background:rgba(35,7,242,.12)}
.cnx-s-rel-t .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.cnx-s-rel-more .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--s-a4);margin:14px 0 0}
/* ---------- Banda clara ---------- */
.cnx-light{background:var(--s-light)!important}
.cnx-light .cnx-s-h .elementor-heading-title,.cnx-light h3.elementor-heading-title{color:#0E0F11!important}
.cnx-light .cnx-s-p,.cnx-light .cnx-s-p p{color:#2E3350!important}
.cnx-light .cnx-title .cnx-fill-line{background-image:linear-gradient(to left,rgba(14,15,17,.55) 50%,#0E0F11 50%)!important}
.cnx-light .cnx-s-note .elementor-heading-title{color:#4A4F6A!important}
/* ---------- Pasos con línea (sin cola: la línea termina en el último nodo) ---------- */
.cnx-s-steps{position:relative;display:grid!important;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:28px}
.cnx-s-steps::before{content:"";position:absolute;top:28px;left:calc(100%/(var(--n,5)*2));right:calc(100%/(var(--n,5)*2));height:2px;background:rgba(255,255,255,.1)}
.cnx-s-steps::after{content:"";position:absolute;top:28px;left:calc(100%/(var(--n,5)*2));height:2px;width:0;background:linear-gradient(90deg,var(--s-a3),var(--s-a1));box-shadow:0 0 14px rgba(59,54,255,.8);transition:width 2.2s var(--s-ease)}
.cnx-s-steps.is-in::after{width:calc(100% - 100%/var(--n,5))}
.cnx-s-step{align-items:center;text-align:center;gap:12px}
.cnx-s-dot .elementor-heading-title{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto;border-radius:50%;background:#1A1C33;border:1px solid rgba(138,153,255,.35);
 font-family:"Quicksand",sans-serif;font-size:18px;font-weight:700;color:#fff;transition:all .5s var(--s-ease);position:relative;z-index:1}
.cnx-s-steps.is-in .cnx-s-dot .elementor-heading-title{background:linear-gradient(135deg,var(--s-a3),var(--s-a1));border-color:transparent;box-shadow:0 0 0 8px rgba(59,54,255,.14)}
.cnx-s-step-t .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:20px;font-weight:700;color:#fff;margin:6px 0 0}
.cnx-s-step .cnx-s-p p{font-size:16px}
.cnx-s-you .elementor-heading-title{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(138,153,255,.1);border:1px dashed rgba(138,153,255,.4);font-family:"Familjen Grotesk",sans-serif;font-size:14px;color:#DCE0FF;margin:0}
@media (max-width:1024px){.cnx-s-steps{grid-template-columns:1fr!important;padding-left:76px}.cnx-s-steps::before,.cnx-s-steps::after{left:27px!important;right:auto;top:0;width:2px;height:100%}
 .cnx-s-steps::after{height:0;width:2px}.cnx-s-steps.is-in::after{width:2px;height:100%}.cnx-s-step{align-items:flex-start;text-align:left;position:relative}.cnx-s-dot{position:absolute!important;left:-76px;top:0}}
/* ---------- Tarjetas de beneficio (bento) ---------- */
.cnx-s-bento{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cnx-s-card{padding:30px 28px!important;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--s-line2);
 position:relative;overflow:hidden;transition:transform .5s var(--s-ease),border-color .5s}
.cnx-s-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(138,153,255,.16) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--s-ease);pointer-events:none}
.cnx-s-card:hover{transform:translateY(-6px);border-color:rgba(138,153,255,.45)}
.cnx-s-card:hover::after{transform:translateX(120%)}
.cnx-s-card--wide{grid-column:span 2}
.cnx-s-card-t .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:21px;font-weight:700;line-height:1.3;color:#fff;margin:0 0 8px}
.cnx-s-card .cnx-s-p p{font-size:16.5px}
@media (max-width:1024px){.cnx-s-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cnx-s-bento{grid-template-columns:1fr}.cnx-s-card--wide{grid-column:auto}}

/* =================================================================== SOPORTE PREVENTIVO */
/* Panel de estado del hero */
.cnx-sp-panel{position:relative;max-width:560px;margin-left:auto}
.cnx-sp-win{border-radius:22px;background:rgba(20,22,42,.82);border:1px solid rgba(138,153,255,.24);backdrop-filter:blur(16px);box-shadow:0 50px 90px -40px rgba(0,0,0,.95);padding:24px 26px!important;gap:12px}
.cnx-sp-live{gap:10px}
.cnx-sp-live .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:14px;font-weight:600;color:#7CF29A;margin:0;display:inline-flex;align-items:center;gap:10px}
.cnx-sp-live .elementor-heading-title::before{content:"";width:10px;height:10px;border-radius:50%;background:#28C840;box-shadow:0 0 0 0 rgba(40,200,64,.7);animation:cnxSpPulse 1.8s infinite}
@keyframes cnxSpPulse{70%{box-shadow:0 0 0 12px rgba(40,200,64,0)}100%{box-shadow:0 0 0 0 rgba(40,200,64,0)}}
.cnx-sp-rowi{gap:12px;padding:12px 14px!important;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--s-line2)}
.cnx-sp-rowi .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:15px;color:#E6E8F5;margin:0}
.cnx-sp-ok{margin-left:auto!important}
.cnx-sp-ok .elementor-heading-title{font-size:13px!important;font-weight:600;color:#7CF29A!important;padding:3px 10px;border-radius:999px;background:rgba(40,200,64,.12)}
.cnx-sp-mini{position:absolute!important;width:auto!important;padding:16px 20px!important;border-radius:18px;background:rgba(20,22,42,.88);border:1px solid rgba(138,153,255,.3);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);gap:12px}
.cnx-sp-mini--a{left:-60px;bottom:-40px}
.cnx-sp-mini--b{right:-30px;top:-46px}
.cnx-sp-mini .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:13px;color:var(--s-txt);margin:0}
.cnx-sp-ring{width:58px!important;height:58px;flex:0 0 58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:conic-gradient(var(--s-a3) calc(var(--v,94)*1%),rgba(255,255,255,.08) 0);position:relative}
.cnx-sp-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#14162A}
.cnx-sp-ring .elementor-counter{position:relative;z-index:1}
.cnx-sp-ring .elementor-counter-number-wrapper{font-family:"Quicksand",sans-serif;font-size:18px;font-weight:700;color:#fff;line-height:1}
.cnx-sp-bars{display:flex;gap:3px;align-items:flex-end;height:34px}
.cnx-sp-bars .elementor-heading-title{display:none}
@media (max-width:1024px){.cnx-sp-mini--a{left:0}.cnx-sp-mini--b{right:0}}
@media (max-width:640px){.cnx-sp-mini{position:static!important;margin-top:14px}}

/* Pantalla del editor de Elementor (showcase) */
.cnx-sp-show{align-items:center}
.cnx-sp-show-l{flex:1 1 380px;gap:20px}
.cnx-sp-show-r{flex:1.4 1 560px;position:relative;padding-left:40px!important}
.cnx-sp-ed .cnx-s-screen{display:grid!important;grid-template-columns:150px 1fr;min-height:420px;background:#F4F5F9}
.cnx-sp-ed-panel{background:#1F2124;padding:14px 12px!important;gap:10px;border-right:1px solid #000}
.cnx-sp-ed-panel>.elementor-element:first-child .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C5C8CC;margin:0 0 4px}
.cnx-sp-ed-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.cnx-sp-ed-w{align-items:center;gap:6px;padding:10px 4px!important;border-radius:6px;background:#2A2C30;border:1px solid #34373C;transition:all .3s}
.cnx-sp-ed-w .elementor-icon{font-size:16px;color:#C5C8CC}.cnx-sp-ed-w .elementor-icon svg{width:16px;height:16px;fill:#C5C8CC}
.cnx-sp-ed-w .elementor-heading-title{font-family:"Familjen Grotesk",sans-serif;font-size:10.5px;color:#C5C8CC;margin:0}
.cnx-sp-ed-w:hover{background:#3A3D42;border-color:#5C64FF}
.cnx-sp-ed-canvas{padding:22px!important;gap:14px;position:relative}
.cnx-sp-box{position:relative;border:1.5px dashed rgba(92,100,255,.75);border-radius:6px;padding:16px!important;gap:10px;background:#fff}
.cnx-sp-box::before{content:attr(data-lbl);position:absolute;left:-1.5px;top:-21px;padding:2px 9px;border-radius:4px 4px 4px 0;background:#2307F2;color:#fff;font:600 11px/17px "Familjen Grotesk",sans-serif}
.cnx-sp-box--sel{border-style:solid;border-color:#2307F2;box-shadow:0 0 0 3px rgba(35,7,242,.15)}
.cnx-sp-line{height:10px;border-radius:5px;background:#D8DBE6}
.cnx-sp-line--t{height:16px;width:72%;background:#14162A}
.cnx-sp-line--s{width:46%}
.cnx-sp-pill{width:120px;height:30px;border-radius:999px;background:linear-gradient(90deg,#5C64FF,#2307F2)}
.cnx-sp-imgs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
.cnx-sp-img{height:62px;border-radius:6px;background:linear-gradient(135deg,#C9CEF9,#E9EDFF)}
.cnx-sp-ed-float{position:absolute!important;left:-30px;top:70px;width:200px!important;z-index:3}
.cnx-sp-ed-float.cnx-s-chip{border-radius:16px}
.cnx-sp-ed-tag{position:absolute!important;right:-26px;bottom:44px;z-index:3;width:auto!important}
@media (max-width:767px){.cnx-sp-ed .cnx-s-screen{grid-template-columns:96px 1fr}.cnx-sp-ed-grid{grid-template-columns:1fr}.cnx-sp-show-r{padding-left:0!important}.cnx-sp-ed-float{display:none}}

/* Brechas (Flip Box) */
.cnx-sp-flips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cnx-sp-flips .elementor-flip-box{height:290px;border-radius:22px}
.cnx-sp-flips .elementor-flip-box__front{background:linear-gradient(180deg,#191B33,#14162A)!important;border:1px solid var(--s-line);border-radius:22px}
.cnx-sp-flips .elementor-flip-box__back{background:linear-gradient(160deg,#2C14FF,#1F149B)!important;border-radius:22px}
.cnx-sp-flips .elementor-flip-box__layer__overlay{padding:28px 24px!important;align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important}
.cnx-sp-flips .elementor-flip-box__front .elementor-flip-box__layer__overlay{justify-content:space-between!important}
.cnx-sp-flips .elementor-flip-box__layer__title{font-family:"Quicksand",sans-serif!important;font-size:20px!important;font-weight:700!important;color:#fff!important;line-height:1.3;margin:14px 0 8px!important}
.cnx-sp-flips .elementor-flip-box__layer__description{font-family:"Familjen Grotesk",sans-serif!important;font-size:16px!important;line-height:1.55;color:var(--s-txt)!important}
.cnx-sp-flips .elementor-flip-box__back .elementor-flip-box__layer__description{color:#EEF0FF!important}
.cnx-sp-flips .elementor-icon{width:52px;height:52px;display:flex!important;align-items:center;justify-content:center;border-radius:14px;background:rgba(138,153,255,.12);position:relative}
.cnx-sp-flips .elementor-icon::after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--s-amb);box-shadow:0 0 0 3px #14162A}
.cnx-sp-flips .elementor-icon svg{width:22px;height:22px;fill:var(--s-a4)!important}
.cnx-sp-flips .elementor-flip-box__front .elementor-flip-box__layer__overlay::after{content:"Toca o pasa el puntero →";font:600 12px/1 "Familjen Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--s-a4);margin-top:auto}
.cnx-sp-scan{height:2px;margin:-30px 0 34px!important;background:linear-gradient(90deg,transparent,var(--s-a4),transparent);background-size:30% 100%;background-repeat:no-repeat;animation:cnxSpScan 3.2s ease-in-out infinite}
@keyframes cnxSpScan{from{background-position:-30% 0}to{background-position:130% 0}}
@media (max-width:1024px){.cnx-sp-flips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cnx-sp-flips{grid-template-columns:1fr}}

/* Caja de vidrio de las herramientas (física en piezas.js) */
.cnx-sp-toolsec{background:var(--s-bg2)!important}
.cnx-sp-legend{margin-top:40px!important}
.cnx-sp-legend .elementor-icon-list-item{align-items:flex-start!important}
.cnx-sp-legend .elementor-icon-list-text{font-family:"Familjen Grotesk",sans-serif;font-size:16px;line-height:1.55;color:var(--s-txt)}
.cnx-sp-legend .elementor-icon-list-text b{color:#fff}
.cnx-sp-legend .elementor-icon-list-icon svg{fill:var(--s-a4)!important;width:14px;margin-top:5px}
@media (max-width:767px){.cnx-sp-legend{grid-template-columns:1fr}}

/* Rutina (Nested Tabs verticales) */
.cnx-sp-tabs .e-n-tabs{gap:30px!important}
.cnx-sp-tabs .e-n-tabs-heading{gap:10px!important;flex:0 0 280px}
.cnx-sp-tabs .e-n-tab-title{justify-content:flex-start!important;padding:18px 22px!important;border-radius:18px!important;border:1px solid var(--s-line2)!important;background:rgba(255,255,255,.03)!important;
 font-family:"Quicksand",sans-serif!important;font-size:19px!important;font-weight:700!important;color:var(--s-txt)!important;transition:all .4s var(--s-ease)}
.cnx-sp-tabs .e-n-tab-title[aria-selected=true]{background:linear-gradient(110deg,rgba(35,7,242,.6),rgba(92,100,255,.2))!important;border-color:rgba(138,153,255,.45)!important;color:#fff!important}
.cnx-sp-tabs .e-n-tab-title:hover{color:#fff!important;transform:translateX(4px)}
.cnx-sp-tabs .e-n-tabs-content>.e-con{padding:34px 36px!important;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2)}
.cnx-sp-list .elementor-icon-list-item{padding:12px 0!important;border-bottom:1px solid var(--s-line2)}
.cnx-sp-list .elementor-icon-list-item:last-child{border-bottom:0}
.cnx-sp-list .elementor-icon-list-text{font-family:"Familjen Grotesk",sans-serif;font-size:18px;color:#E6E8F5;padding-left:12px!important}
.cnx-sp-list .elementor-icon-list-icon svg{fill:#7CF29A!important;width:16px}
@media (max-width:1024px){.cnx-sp-tabs .e-n-tabs{flex-direction:column!important}.cnx-sp-tabs .e-n-tabs-heading{flex:auto;flex-direction:row!important;flex-wrap:wrap}}

/* Aros de puntaje (banda clara) */
.cnx-sp-rings{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.cnx-sp-score{align-items:center;text-align:center;gap:14px}
.cnx-sp-score .cnx-sp-ring{width:150px!important;height:150px;flex:0 0 150px;background:conic-gradient(#2307F2 calc(var(--v,94)*1%),rgba(35,7,242,.12) 0)}
.cnx-sp-score .cnx-sp-ring::before{inset:10px;background:var(--s-light)}
.cnx-sp-score .cnx-sp-ring .elementor-counter-number-wrapper{font-size:44px;color:#14162A}
.cnx-sp-score h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:20px;font-weight:700;margin:0}
.cnx-sp-score .cnx-s-p p{font-size:15px;margin:0}
.cnx-sp-why{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:56px!important}
.cnx-sp-whyc{padding:28px 26px!important;border-radius:22px;background:#fff;border:1px solid rgba(35,7,242,.12);box-shadow:0 20px 40px -30px rgba(20,22,42,.5)}
.cnx-sp-whyc h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:20px;font-weight:700;color:#0E0F11;margin:0 0 8px}
.cnx-light .cnx-s-ib{background:#E3E7FF;border-color:rgba(35,7,242,.25)}
@media (max-width:1024px){.cnx-sp-rings{grid-template-columns:repeat(2,minmax(0,1fr))}.cnx-sp-why{grid-template-columns:1fr}}

/* Seguimiento: gráfico de dos líneas (SVG inline dibujado al entrar) */
.cnx-sp-chart svg{width:100%;height:auto;display:block}
.cnx-sp-chart .ln{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--s-ease)}
.cnx-sp-chart.is-in .ln{stroke-dashoffset:0}
.cnx-sp-follow{align-items:center}
.cnx-sp-follow>.e-con{flex:1 1 440px}
.cnx-sp-reasons{gap:16px}
.cnx-sp-reason{gap:16px;padding:20px 22px!important;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2)}
.cnx-sp-reason .cnx-s-ib{margin:0!important;width:52px!important;height:52px;flex:0 0 52px}
.cnx-sp-reason h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:19px;font-weight:700;color:#fff;margin:0 0 4px}
.cnx-sp-reason .cnx-s-p p{font-size:16px}

/* Si algo falla + cita de Pablo */
.cnx-sp-fail{align-items:center}
.cnx-sp-fail>.e-con{flex:1 1 440px}
.cnx-sp-undo{gap:14px}
.cnx-sp-undo-i{gap:18px;align-items:center}
.cnx-sp-undo-n .elementor-heading-title{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:rgba(138,153,255,.12);border:1px solid rgba(138,153,255,.35);font-family:"Quicksand",sans-serif;font-weight:700;color:#fff;margin:0}
.cnx-sp-undo-i h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0}
.cnx-sp-undo-i .cnx-s-p p{font-size:16px;margin:0}
.cnx-sp-quote{padding:46px 44px!important;border-radius:30px;background:linear-gradient(160deg,#1C1F44,#14162A);border:1px solid rgba(138,153,255,.3);position:relative;gap:18px}
.cnx-sp-quote::before{content:"“";position:absolute;right:30px;top:-30px;font:700 200px/1 "Quicksand",sans-serif;color:rgba(92,100,255,.22)}
.cnx-sp-quote .cnx-s-p p{font-size:clamp(22px,2.2vw,28px);line-height:1.45;color:#fff;font-family:"Quicksand",sans-serif;font-weight:600}

/* Proceso con latido (línea vertical) */
.cnx-sp-pulse{position:relative;gap:26px;max-width:900px;margin-inline:auto!important}
.cnx-sp-pulse::before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(138,153,255,0),rgba(138,153,255,.5),rgba(138,153,255,0))}
.cnx-sp-pstep{width:calc(50% - 40px)!important;padding:24px 26px!important;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2);position:relative;gap:6px}
.cnx-sp-pstep:nth-child(odd){align-self:flex-start}
.cnx-sp-pstep:nth-child(even){align-self:flex-end}
.cnx-sp-pstep::after{content:"";position:absolute;top:30px;width:14px;height:14px;border-radius:50%;background:var(--s-a3);box-shadow:0 0 0 6px rgba(92,100,255,.18);animation:cnxSpPulse2 2.4s infinite}
.cnx-sp-pstep:nth-child(odd)::after{right:-48px}
.cnx-sp-pstep:nth-child(even)::after{left:-48px}
@keyframes cnxSpPulse2{50%{box-shadow:0 0 0 12px rgba(92,100,255,0)}}
.cnx-sp-pstep h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0}
.cnx-sp-pstep .cnx-s-p p{font-size:16px;margin:0}
@media (max-width:767px){.cnx-sp-pulse::before{left:8px}.cnx-sp-pstep{width:calc(100% - 34px)!important;align-self:flex-end!important}.cnx-sp-pstep::after{left:-32px!important;right:auto!important}}

@media (prefers-reduced-motion:reduce){.cnx-s *,.cnx-s *::before,.cnx-s *::after{animation:none!important;transition:none!important}}
/* Valor de cada aro (porcentaje del trazo) */
.cnx-v90{--v:90}.cnx-v91{--v:91}.cnx-v92{--v:92}.cnx-v93{--v:93}.cnx-v94{--v:94}.cnx-v95{--v:95}.cnx-v96{--v:96}.cnx-v97{--v:97}.cnx-v98{--v:98}.cnx-v99{--v:99}
/* ---------- Ajustes tras la primera revisión ---------- */
/* Elementor da width:100% a los contenedores hijos: en las filas propias el ancho lo decide el flex de cada pieza */
:where(.cnx-s-row)>.e-con{--width:auto}
.cnx-s-row>.e-con,.cnx-s-hero>.e-con-inner>.e-con{min-width:0}
.cnx-s-hero>.e-con-inner{flex-wrap:wrap!important;align-items:center!important}
.cnx-s-faq-side,.cnx-s-faq-main,.cnx-s-rv-cards,.cnx-sp-show-l,.cnx-sp-show-r,.cnx-sp-follow>.e-con,.cnx-sp-fail>.e-con{min-width:min(100%,320px)}
/* Elementor usa ::before de cada contenedor como capa de fondo (inset 0): las piezas que dibujan con ::before lo redefinen completo */
.cnx-sp-box::before{inset:auto!important;left:-1.5px!important;top:-21px!important;width:auto!important;height:auto!important;opacity:1!important;z-index:2}
.cnx-sp-ring::before{content:""!important;inset:6px!important;width:auto!important;height:auto!important;opacity:1!important;border-radius:50%!important;background:#14162A!important}
.cnx-sp-score .cnx-sp-ring::before{inset:12px!important;background:var(--s-light)!important}
.cnx-sp-quote::before{inset:auto!important;width:auto!important;height:auto!important;right:30px!important;top:-30px!important;opacity:1!important;background:none!important}
/* Botón principal del kit con la forma del home dentro de estas páginas */
.cnx-s .cnx-btn .elementor-button{border-radius:100px!important;padding:15px 34px!important;font-family:"Familjen Grotesk",sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:#fff}
.cnx-s .cnx-btn{--width:auto}
.cnx-s-btns>.elementor-element{width:auto!important}
.cnx-s-rv-num .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:96px;font-weight:700;line-height:1;color:#fff;margin:0}
.cnx-s-rv-q{width:auto!important}
.cnx-s-cta-box .cnx-s-btns{justify-content:center}
.cnx-s-cta-box .cnx-s-lead p{margin-inline:auto;text-align:center}
.cnx-s-cta-box .elementor-widget-heading,.cnx-s-cta-box .elementor-widget-text-editor{width:100%}
.elementor-star-rating i:before{color:var(--s-amb)}
.cnx-s-rv-stars .elementor-star-rating i{font-style:normal;font-size:20px;letter-spacing:2px}
.cnx-sp-ed-float{top:120px}

.cnx-sp-legend .elementor-icon-list-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px}
.cnx-sp-legend{display:block!important;margin-top:40px!important}
@media (max-width:767px){.cnx-sp-legend .elementor-icon-list-items{grid-template-columns:1fr}}
.cnx-caida .cnx-pieza{min-height:0!important;height:auto!important}

/* ---------- Íconos que se dibujan (Lucide en widget Ícono) ---------- */
.cnx-draw .elementor-icon{color:var(--s-a4)!important;line-height:0}
.cnx-draw svg{fill:none!important;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cnx-draw svg *{fill:none!important}
.cnx-light .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-s-ib .cnx-draw{width:auto!important}

/* ---------- Pila de tarjetas que se apilan con el scroll (sticky nativo) ---------- */
.cnx-stack{gap:40px;padding-bottom:40px!important}
.cnx-stack-card{position:sticky!important;top:calc(120px + var(--i,0) * 22px);border-radius:32px;background:#14162A;border:1px solid rgba(138,153,255,.2);
 box-shadow:0 -30px 60px -40px rgba(0,0,0,.9);padding:44px!important;overflow:hidden;min-height:540px}
.cnx-stack-card.cnx-i1{--i:1}.cnx-stack-card.cnx-i2{--i:2}.cnx-stack-card.cnx-i3{--i:3}.cnx-stack-card.cnx-i4{--i:4}.cnx-stack-card.cnx-i5{--i:5}
.cnx-stack-card::before{content:""!important;inset:0!important;width:auto!important;height:auto!important;opacity:1!important;pointer-events:none;background:radial-gradient(60% 70% at 100% 0%,rgba(35,7,242,.22),transparent 70%)!important}
.cnx-stack-txt{gap:16px}
.cnx-stack-num .elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:110px;font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:1.6px rgba(138,153,255,.7)}
.cnx-stack-txt h3.elementor-heading-title{font-family:"Quicksand",sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:700;color:#fff;margin:0}
@media (max-width:1024px){.cnx-stack-card{position:relative!important;top:auto;min-height:0;padding:28px!important}.cnx-stack-num .elementor-heading-title{font-size:72px}}

/* ---------- Pantallas de editor simuladas ---------- */
.cnx-ed{position:relative;border-radius:18px;overflow:hidden;background:#F2F4FA;border:1px solid rgba(138,153,255,.25);box-shadow:0 40px 80px -40px rgba(0,0,0,.95);min-height:430px}
.cnx-ed-top{height:42px;background:#1F2124;padding:0 14px!important;gap:12px;align-items:center!important}
.cnx-ed-top .elementor-heading-title{font:600 12px/1 "Familjen Grotesk",sans-serif;color:#C5C8CC;margin:0}
.cnx-ed-pub{margin-left:auto!important}
.cnx-ed-pub .elementor-heading-title{padding:8px 16px;border-radius:6px;background:#2307F2;color:#fff!important}
.cnx-ed-body{display:grid!important;grid-template-columns:180px 1fr;min-height:388px}
.cnx-ed-side{background:#26292D;padding:14px 12px!important;gap:8px}
.cnx-ed-side .elementor-heading-title{font:500 12px/1.3 "Familjen Grotesk",sans-serif;color:#C5C8CC;margin:0}
.cnx-ed-side .cnx-ed-h .elementor-heading-title{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#fff;margin-bottom:4px}
.cnx-ed-field{padding:8px 10px!important;border-radius:6px;background:#1F2124;border:1px solid #34373C}
.cnx-ed-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.cnx-ed-w{align-items:center;gap:6px;padding:10px 4px!important;border-radius:6px;background:#2F3236;border:1px solid #3A3D42}
.cnx-ed-w .elementor-icon{font-size:16px;color:#C5C8CC}.cnx-ed-w svg{width:16px;height:16px;fill:#C5C8CC}
.cnx-ed-w .elementor-heading-title{font-size:10.5px!important;text-align:center}
.cnx-ed-w--on{border-color:#5C64FF;background:#3A3E6A}
.cnx-ed-swatches{gap:6px;flex-wrap:wrap}
.cnx-ed-sw{width:26px!important;height:26px;border-radius:6px;flex:0 0 26px;border:2px solid transparent}
.cnx-ed-sw--on{border-color:#fff}
.cnx-ed-row{gap:8px;align-items:center!important}
.cnx-ed-row>.elementor-element{width:auto!important}
.cnx-ed-slider{height:6px;border-radius:3px;background:linear-gradient(90deg,#5C64FF var(--p,60%),#3A3D42 0)}
.cnx-ed-canvas{padding:24px!important;gap:12px;position:relative}
.cnx-ed-drop{border:2px dashed rgba(92,100,255,.6);border-radius:10px;min-height:120px;align-items:center!important;justify-content:center!important;gap:10px;background:rgba(92,100,255,.05);padding:16px!important}
.cnx-ed-drop .elementor-heading-title{font:italic 14px/1 "Familjen Grotesk",sans-serif;color:#5C64FF;margin:0}
.cnx-ed-menu{position:absolute!important;right:22px;top:66px;width:210px!important;padding:8px!important;border-radius:12px;background:#fff;box-shadow:0 20px 50px -20px rgba(20,22,42,.6);gap:2px;z-index:3}
.cnx-ed-menu .elementor-heading-title{font:500 13px/1 "Familjen Grotesk",sans-serif;color:#14162A;margin:0;padding:9px 10px;border-radius:6px}
.cnx-ed-menu .cnx-ed-on .elementor-heading-title{background:#E9EDFF;color:#2307F2}
.cnx-ed-toolbar{position:absolute!important;left:50%;bottom:18px;transform:translateX(-50%);width:auto!important;padding:8px 10px!important;border-radius:12px;background:#fff;box-shadow:0 18px 40px -18px rgba(20,22,42,.6);gap:8px;z-index:3;align-items:center}
.cnx-ed-toolbar>.elementor-element{width:auto!important}
.cnx-ed-toolbar .elementor-icon{font-size:15px;color:#14162A}.cnx-ed-toolbar svg{width:15px;height:15px;fill:#14162A}
.cnx-ed-dev{padding:7px 10px!important;border-radius:6px}
.cnx-ed-dev--on{background:#2307F2}.cnx-ed-dev--on svg{fill:#fff!important}
/* Maqueta de página dentro del lienzo */
.cnx-mk{gap:10px;padding:14px!important;border-radius:8px;background:#fff;border:1.5px dashed rgba(92,100,255,.65);position:relative}
.cnx-mk--sel{border-style:solid;border-color:#2307F2;box-shadow:0 0 0 3px rgba(35,7,242,.12)}
.cnx-mk-tag{position:absolute!important;left:-1.5px;top:-20px;width:auto!important}
.cnx-mk-tag .elementor-heading-title{display:inline-block;padding:2px 9px;border-radius:4px 4px 4px 0;background:#2307F2;color:#fff;font:600 11px/16px "Familjen Grotesk",sans-serif;margin:0}
.cnx-mk-line{height:10px;border-radius:5px;background:#D8DBE6}
.cnx-mk-line--t{height:18px;width:70%;background:#14162A}
.cnx-mk-line--s{width:45%}
.cnx-mk-pill{width:130px!important;height:32px;border-radius:999px;background:linear-gradient(90deg,#5C64FF,#2307F2)}
.cnx-mk-cols{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
.cnx-mk-img{height:70px;border-radius:6px;background:linear-gradient(135deg,#C9CEF9,#E9EDFF)}
/* Puntero simulado: toma un elemento del panel y lo suelta en el lienzo (bucle de 7 s) */
.cnx-ptr{position:absolute!important;left:0;top:0;width:auto!important;z-index:6;pointer-events:none;opacity:0}
.cnx-ptr .elementor-icon{line-height:0}
.cnx-ptr svg{width:28px;height:28px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}
.cnx-ptr svg *{fill:#fff!important;stroke:#14162A!important;stroke-width:1.4}
.is-in .cnx-ptr{opacity:1;animation:cnxPtr 7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes cnxPtr{0%{transform:translate(70px,120px)}18%{transform:translate(64px,152px)}24%{transform:translate(64px,152px) scale(.85)}
 55%{transform:translate(420px,250px) scale(.85)}62%{transform:translate(420px,250px) scale(1)}80%{transform:translate(560px,120px)}100%{transform:translate(70px,120px)}}
.cnx-ghost{position:absolute!important;left:0;top:0;width:auto!important;z-index:5;pointer-events:none;opacity:0;padding:9px 14px!important;border-radius:8px;background:#2307F2;gap:8px;align-items:center;box-shadow:0 14px 30px -12px rgba(35,7,242,.9)}
.cnx-ghost>.elementor-element{width:auto!important}
.cnx-ghost .elementor-heading-title{font:600 12px/1 "Familjen Grotesk",sans-serif;color:#fff;margin:0}
.is-in .cnx-ghost{animation:cnxGhost 7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes cnxGhost{0%,22%{opacity:0;transform:translate(40px,150px)}25%{opacity:.96;transform:translate(48px,156px)}55%{opacity:.96;transform:translate(398px,256px)}60%,100%{opacity:0;transform:translate(398px,256px) scale(.9)}}
.cnx-ed-new{opacity:0}
.is-in .cnx-ed-new{animation:cnxNew 7s ease infinite}
@keyframes cnxNew{0%,58%{opacity:0;transform:translateY(8px)}64%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width:767px){.cnx-ed-body{grid-template-columns:1fr}.cnx-ed-side{display:none!important}.cnx-ptr,.cnx-ghost,.cnx-ed-menu{display:none!important}}
/* ---------- Cómo trabajamos v2 y piezas compartidas ---------- */
.cnx-s-glass{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cnx-s-bento--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.cnx-s-bento--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cnx-s-bento--4{grid-template-columns:1fr}}
.cnx-s-chip--sm{padding:8px 14px!important}
.cnx-s-chip--sm .elementor-heading-title{font-size:13px}
.cnx-sp-list--sm .elementor-icon-list-text{font-size:16px}
.cnx-sp-list--sm .elementor-icon-list-item{padding:8px 0!important}
.cnx-mk-phone{width:210px!important;margin:0 auto!important;padding:16px 12px!important;gap:10px;border-radius:28px;background:#fff;border:8px solid #14162A;box-shadow:0 20px 40px -20px rgba(20,22,42,.6);min-height:330px}
.cnx-mk-phone .cnx-mk-pill{width:100px!important}
.cnx-mk-phone .cnx-mk-img{height:60px}
.cnx-pieza .cnx-draw .elementor-icon{color:#fff!important}
.cnx-pieza .cnx-draw svg{width:22px!important;height:22px!important}
.cnx-ed-tree{min-height:0}
.cnx-ed-side .elementor-widget-icon .elementor-icon{font-size:13px;color:#7CF29A}.cnx-ed-side .elementor-widget-icon svg{width:13px;height:13px;fill:#7CF29A}
.cnx-stack-card .cnx-ed{min-height:420px}
/* Etapa "El movimiento": las piezas del lienzo entran en bucle, escalonadas */
.cnx-mv1,.cnx-mv2,.cnx-mv3,.cnx-mv4,.cnx-mv5,.cnx-mv6,.cnx-mv7{animation:cnxMv 4.2s cubic-bezier(.2,.8,.2,1) infinite}
.cnx-mv2{animation-delay:.15s}.cnx-mv3{animation-delay:.3s}.cnx-mv4{animation-delay:.45s}.cnx-mv5{animation-delay:.6s}.cnx-mv6{animation-delay:.75s}.cnx-mv7{animation-delay:.9s}
@keyframes cnxMv{0%,8%{opacity:0;transform:translateY(16px)}22%,82%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
.cnx-ed-top .elementor-icon{font-size:13px!important;color:#C5C8CC}.cnx-ed-top .elementor-icon svg{width:13px!important;height:13px!important;fill:#C5C8CC}
.cnx-ed-top .cnx-ed-dev{padding:5px 7px!important}.cnx-ed-top .cnx-ed-dev--on svg{fill:#fff!important}
.cnx-ed-top .elementor-widget-icon,.cnx-ed-toolbar .elementor-widget-icon{width:auto!important}
@media (prefers-reduced-motion:reduce){[class*="cnx-mv"]{animation:none!important}}

/* =================================================================== DESARROLLO WEB */
.cnx-dw-h1 .elementor-headline{font-family:"Quicksand",sans-serif;font-weight:700;font-size:clamp(36px,4.2vw,58px);line-height:1.1;color:#fff;letter-spacing:-.02em}
.cnx-dw-h1 .elementor-headline-dynamic-wrapper,.cnx-dw-h1 .elementor-headline-dynamic-text{color:var(--s-a4)!important}
.cnx-dw-h1 .elementor-headline--style-rotate .elementor-headline-dynamic-wrapper::after{background:var(--s-a4)}
.cnx-dw-hero{position:relative;padding:20px 40px 40px 0!important}
.cnx-dw-br .cnx-s-screen{height:380px}
.cnx-cap-img{line-height:0}.cnx-cap-img img{display:block;width:100%!important;height:auto!important;max-width:none!important}
.cnx-cap-scroll img{animation:cnxCapScroll 16s ease-in-out infinite alternate}
@keyframes cnxCapScroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 380px))}}
.cnx-s-phone{position:relative;width:150px!important;border-radius:26px;padding:7px!important;background:#0B0C1A;border:1px solid rgba(138,153,255,.35);box-shadow:0 30px 60px -24px rgba(0,0,0,.95)}
.cnx-s-phone-scr{height:300px;border-radius:20px;overflow:hidden}
.cnx-s-phone-scr img{animation:cnxPhScroll 12s ease-in-out infinite alternate}
@keyframes cnxPhScroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + 300px))}}
.cnx-dw-ph{position:absolute!important;right:-10px;bottom:0;z-index:2}
.cnx-dw-c1{position:absolute!important;left:-34px;top:70px;z-index:3}
.cnx-dw-c2{position:absolute!important;right:110px;top:-6px;z-index:3}
.cnx-dw-c3{position:absolute!important;left:20px;bottom:-12px;z-index:3}
@media (max-width:1024px){.cnx-dw-hero{padding:20px 0 40px!important}.cnx-dw-c1{left:0}.cnx-dw-ph{right:0}}
@media (max-width:640px){.cnx-dw-ph,.cnx-dw-c2{display:none!important}.cnx-dw-br .cnx-s-screen{height:260px}}
/* Chat de dolores */
.cnx-dw-chat{max-width:780px;margin:0 auto!important;padding:24px 26px 30px!important;gap:16px;border-radius:30px;background:rgba(20,22,42,.7);border:1px solid rgba(138,153,255,.22);backdrop-filter:blur(14px)}
.cnx-dw-chat-top{padding-bottom:14px!important;border-bottom:1px solid var(--s-line2)}
.cnx-dw-chat-top .elementor-heading-title{font:600 15px/1.3 "Familjen Grotesk",sans-serif;color:#fff;margin:0}
.cnx-dw-online .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;color:#7CF29A!important;font-size:13px!important}
.cnx-dw-online .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:50%;background:#28C840}
.cnx-dw-b{max-width:78%;align-self:flex-start;padding:14px 18px!important;border-radius:20px 20px 20px 6px;background:#1C1F3A;border:1px solid rgba(255,255,255,.06)}
.cnx-dw-b--r{align-self:flex-end;border-radius:20px 20px 6px 20px;background:#22264A}
.cnx-dw-b .cnx-s-p p{font-size:17px;color:#E6E8F5}
.cnx-dw-b--yo{align-self:flex-end;background:linear-gradient(135deg,#2C14FF,#2307F2);border:0;border-radius:20px 20px 6px 20px;box-shadow:0 18px 40px -20px rgba(35,7,242,.9)}
.cnx-dw-b--yo .cnx-s-p p{color:#fff;font-weight:600}
/* Etapas de la pila */
.cnx-dw-stage{min-height:420px;justify-content:center}
.cnx-dw-notes{padding:30px!important;gap:14px;border-radius:22px;background:#FFFBF0;transform:rotate(-1.5deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);
 background-image:repeating-linear-gradient(transparent 0 37px,rgba(35,7,242,.12) 37px 38px)}
.cnx-dw-notes-t .elementor-heading-title{font:700 20px/1.3 "Quicksand",sans-serif;color:#14162A;margin:0 0 6px}
.cnx-dw-note .elementor-heading-title{font:500 18px/1.4 "Familjen Grotesk",sans-serif;color:#2E3350;margin:0}
.cnx-dw-note .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-dw-wf{padding:18px!important;gap:12px;background:#F2F4FA;min-height:360px}
.cnx-dw-wf-nav{height:16px;border-radius:4px;background:#D8DBE6}
.cnx-dw-wf-hero{gap:10px;padding:22px!important;border:2px dashed #B6BCD6;border-radius:8px}
.cnx-dw-wf-l{height:14px;width:70%;border-radius:4px;background:#C7CCDE}.cnx-dw-wf-l--s{width:45%}
.cnx-dw-wf-btn{width:120px!important;height:28px;border-radius:999px;border:2px dashed #8A99FF}
.cnx-dw-wf-cols{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.cnx-dw-wf-c{height:80px;border-radius:8px;border:2px dashed #B6BCD6}
.cnx-dw-wf-wa{align-self:flex-end;width:auto!important;padding:8px 12px!important;border-radius:999px;border:2px dashed #25D366}
.cnx-dw-wf-wa .elementor-heading-title{font:600 12px/1 "Familjen Grotesk",sans-serif;color:#1C8B47;margin:0}
.cnx-dw-ds{padding:18px!important;gap:12px;background:#fff;min-height:360px}
.cnx-dw-ds-nav{height:16px;border-radius:4px;background:#14162A}
.cnx-dw-ds-hero{gap:10px;padding:24px!important;border-radius:10px;background:linear-gradient(135deg,#2307F2,#5C64FF)}
.cnx-dw-ds-t{height:18px;width:65%;border-radius:4px;background:#fff}.cnx-dw-ds-s{height:10px;width:45%;border-radius:4px;background:rgba(255,255,255,.6)}
.cnx-dw-ds-hero .cnx-mk-pill{background:#FFB020}
.cnx-dw-ds-cols{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.cnx-dw-ds-c{height:84px;border-radius:10px;background:linear-gradient(160deg,#E9EDFF,#D6DDFF)}
.cnx-dw-sw{position:absolute!important;right:16px;bottom:16px;width:auto!important;padding:8px!important;border-radius:10px;background:#fff;box-shadow:0 10px 30px -14px rgba(20,22,42,.6)}
.cnx-dw-live{position:relative;padding-right:60px!important}
.cnx-dw-live .cnx-s-screen{height:360px}
.cnx-dw-ph2{position:absolute!important;right:0;bottom:-20px;z-index:2}
.cnx-dw-notif{position:absolute!important;left:-20px;bottom:-14px;z-index:3}
/* Lo que recibes */
.cnx-dw-gethead{margin-bottom:10px!important}
.cnx-dw-gethead .cnx-s-head{margin-bottom:30px!important}
/* Todo es tuyo */
.cnx-dw-keys{gap:14px}
.cnx-dw-key{padding:18px 20px!important;border-radius:20px;background:#fff;border:1px solid rgba(35,7,242,.12);box-shadow:0 20px 40px -30px rgba(20,22,42,.55)}
.cnx-dw-key .cnx-s-ib{margin:0!important;width:56px!important;height:56px;flex:0 0 56px}
.cnx-dw-key h3.elementor-heading-title{font:700 19px/1.3 "Quicksand",sans-serif;color:#0E0F11;margin:0 0 4px}
.cnx-dw-key .cnx-s-p p{font-size:16px}
.cnx-dw-dash{margin-top:10px!important;padding:20px 22px!important;border-radius:18px;border:2px dashed rgba(35,7,242,.45);background:rgba(35,7,242,.05)}
.cnx-dw-dash .cnx-s-p p{color:#14162A!important}

/* ---------- Web de ejemplo dibujada (sin fotos) ---------- */
.cnx-wm{position:relative;overflow:hidden;background:#fff;height:380px}
.cnx-s-phone-scr.cnx-wm{height:300px}
.cnx-wm-in{padding:14px!important;gap:12px}
.cnx-wm-in--ph{padding:10px!important;gap:9px}
.cnx-wm-scroll{animation:cnxWm 14s ease-in-out infinite alternate}
@keyframes cnxWm{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-38%)}}
.cnx-wm-logo{width:54px!important;height:14px;border-radius:4px;background:#2307F2}
.cnx-wm-links{width:auto!important}.cnx-wm-lk{width:34px!important;height:8px;border-radius:4px;background:#D8DBE6}
.cnx-wm-cta{width:62px!important;height:20px;border-radius:999px;background:#14162A}
.cnx-wm-burger{width:18px!important;height:12px;border-top:2px solid #14162A;border-bottom:2px solid #14162A}
.cnx-wm-hero{gap:9px;padding:24px 20px!important;border-radius:12px;background:linear-gradient(135deg,#1F149B,#2C14FF 60%,#5C64FF);position:relative;overflow:hidden}
.cnx-wm-hero::before{content:""!important;inset:auto -40px -60px auto!important;width:160px!important;height:160px!important;border-radius:50%;background:rgba(255,176,32,.9)!important;opacity:1!important}
.cnx-wm-t{height:18px;width:72%;border-radius:4px;background:#fff;position:relative}.cnx-wm-t--2{width:52%}
.cnx-wm-s{height:9px;width:60%;border-radius:4px;background:rgba(255,255,255,.55)}
.cnx-wm-btn{width:92px!important;height:26px;border-radius:999px;background:#FFB020;position:relative}.cnx-wm-btn--g{background:transparent;border:2px solid rgba(255,255,255,.7)}
.cnx-wm-cards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.cnx-wm-card{gap:7px;padding:12px!important;border-radius:10px;background:#F2F4FA;border:1px solid #E3E6F0}
.cnx-wm-card--img{min-height:74px;background:linear-gradient(160deg,#D6DDFF,#8A99FF)}
.cnx-wm-ic{width:22px!important;height:22px;border-radius:7px;background:#E9EDFF;border:2px solid #5C64FF}
.cnx-wm-l{height:9px;width:85%;border-radius:4px;background:#C7CCDE}.cnx-wm-l--s{width:55%}.cnx-wm-l--w{background:rgba(255,255,255,.55)}
.cnx-wm-band{gap:8px;padding:16px!important;border-radius:10px;background:#14162A}
.cnx-wm-stars{width:80px!important;height:10px;background:repeating-linear-gradient(90deg,#FFB020 0 12px,transparent 12px 16px)}
.cnx-wm-foot{gap:8px;padding:16px!important;border-radius:10px;background:#0E0F11}
.cnx-wm-in--ph .cnx-wm-hero{padding:16px 12px!important}
@media (prefers-reduced-motion:reduce){.cnx-wm-scroll{animation:none}}
/* Título animado de Desarrollo web legible y alineado */
.cnx-dw-h1 .elementor-headline{text-align:left!important}
.cnx-dw-h1 .elementor-headline-plain-text{color:#fff!important}
.cnx-dw-h1 .elementor-headline-dynamic-wrapper{text-align:left!important}
/* Línea de pasos: Elementor usa ::before/::after en sus contenedores; aquí se fija todo con !important */
.cnx-s-steps::before{content:""!important;position:absolute!important;inset:auto!important;top:28px!important;height:2px!important;left:calc(100% / (var(--n,5) * 2))!important;right:calc(100% / (var(--n,5) * 2))!important;width:auto!important;background:rgba(255,255,255,.1)!important;opacity:1!important}
.cnx-s-steps::after{content:""!important;position:absolute!important;inset:auto!important;top:28px!important;height:2px!important;left:calc(100% / (var(--n,5) * 2))!important;width:0!important;background:linear-gradient(90deg,var(--s-a3),var(--s-a1))!important;opacity:1!important}
.cnx-s-steps.is-in::after{width:calc(100% - 100% / var(--n,5))!important}
@media (max-width:1024px){.cnx-s-steps::before,.cnx-s-steps::after{left:27px!important;right:auto!important;top:0!important;width:2px!important;height:100%!important}
 .cnx-s-steps::after{height:0!important}.cnx-s-steps.is-in::after{width:2px!important;height:100%!important}}
/* El cuerpo de la página en carbón (Astra lo deja blanco): así la franja del menú se funde con la portada */
body:has(.cnx-s-hero){background:#0E0F11!important}

/* =================================================================== MARKETING DIGITAL */
.cnx-mk-phone2{position:relative;width:250px!important;border-radius:38px;padding:10px!important;background:#0B0C1A;border:1px solid rgba(138,153,255,.35);box-shadow:0 40px 80px -30px rgba(0,0,0,.95);margin:0 auto!important}
.cnx-mk-notch{position:absolute!important;left:50%;top:16px;width:70px!important;height:18px;margin-left:-35px;border-radius:12px;background:#000;z-index:2}
.cnx-mk-scr{min-height:470px;border-radius:30px;overflow:hidden;background:#F4F5F9;padding:40px 12px 14px!important;gap:10px}
.cnx-mk-post{gap:8px;padding:10px!important;border-radius:14px;background:#fff;box-shadow:0 8px 20px -14px rgba(20,22,42,.5)}
.cnx-mk-av{width:28px!important;height:28px;border-radius:50%;background:linear-gradient(135deg,#2307F2,#FFB020)}
.cnx-mk-post-n .elementor-heading-title{font:700 12px/1.1 "Familjen Grotesk",sans-serif;color:#14162A;margin:0}
.cnx-mk-post-s .elementor-heading-title{font:500 10px/1.2 "Familjen Grotesk",sans-serif;color:#6B7088;margin:0}
.cnx-mk-post-img{height:190px;border-radius:10px;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#1F149B,#2C14FF 55%,#FFB020)}
.cnx-mk-post-big .elementor-heading-title{font:700 22px/1.1 "Quicksand",sans-serif;color:#fff;margin:0;text-align:center}
.cnx-mk-post-cta{padding:8px 4px!important;border-bottom:1px solid #E3E6F0}
.cnx-mk-post-cta .elementor-heading-title{font:500 10.5px/1.2 "Familjen Grotesk",sans-serif;color:#2E3350;margin:0}
.cnx-mk-post-btn .elementor-heading-title{padding:6px 10px;border-radius:6px;background:#2307F2;color:#fff!important;font-weight:700!important;white-space:nowrap}
.cnx-mk-post-lines{gap:6px}
.cnx-mk-notif{width:100%;padding:11px 12px!important;border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);box-shadow:0 12px 30px -16px rgba(20,22,42,.7);align-items:center}
.cnx-mk-app{width:34px!important;height:34px;flex:0 0 34px;border-radius:10px;background:linear-gradient(135deg,#2307F2,#5C64FF);align-items:center!important;justify-content:center!important}
.cnx-mk-app .cnx-draw .elementor-icon{color:#fff!important}
.cnx-mk-notif-a .elementor-heading-title{font:600 10px/1 "Familjen Grotesk",sans-serif;color:#6B7088;margin:0 0 3px}
.cnx-mk-notif-t .elementor-heading-title{font:600 12.5px/1.3 "Familjen Grotesk",sans-serif;color:#14162A;margin:0}
/* Hero */
.cnx-mkt-hero{position:relative;min-height:560px;justify-content:center}
.cnx-mkt-rings{position:absolute!important;inset:0;pointer-events:none}
.cnx-mkt-ring{position:absolute!important;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(138,153,255,.3);animation:cnx-spin 40s linear infinite}
.cnx-mkt-ring--1{width:340px!important;height:340px;margin:-170px 0 0 -170px}
.cnx-mkt-ring--2{width:470px!important;height:470px;margin:-235px 0 0 -235px;animation-direction:reverse;animation-duration:60s;border-style:dotted}
.cnx-mkt-ring--3{width:600px!important;height:600px;margin:-300px 0 0 -300px;border-color:rgba(138,153,255,.14)}
.cnx-mkt-heroph{position:relative;z-index:1}
.cnx-mkt-hero .cnx-mk-notif{position:absolute!important;width:250px!important;z-index:2}
.cnx-mkt-n0{left:-10px;top:60px}.cnx-mkt-n1{right:-20px;top:150px}.cnx-mkt-n2{left:0;bottom:120px}.cnx-mkt-n3{right:0;bottom:40px}
@media (max-width:767px){.cnx-mkt-hero .cnx-mk-notif{display:none!important}.cnx-mkt-ring--3{display:none}}
/* Pantalla de bloqueo */
.cnx-mkt-lock .cnx-mk-scr{background:linear-gradient(180deg,#1F149B,#14162A 70%);gap:10px}
.cnx-mk-hora .elementor-heading-title{font:300 54px/1 "Quicksand",sans-serif;color:#fff;text-align:center;margin:6px 0 0}
.cnx-mk-fecha .elementor-heading-title{font:500 13px/1 "Familjen Grotesk",sans-serif;color:rgba(255,255,255,.7);text-align:center;margin:0 0 12px}
.cnx-mkt-lockwrap{align-items:center}
/* Recorrido */
.cnx-mkt-journey{overflow:hidden}
.cnx-mkt-viewport{overflow:visible}
.cnx-mkt-tira{width:max-content!important;padding:10px 0 30px 60px!important}
.cnx-mkt-paso{width:300px!important;flex:0 0 300px;gap:12px;position:relative}
.cnx-mkt-paso:not(:last-child)::after{content:""!important;position:absolute!important;inset:auto!important;left:282px!important;top:250px!important;width:58px!important;height:2px!important;opacity:1!important;
 background:repeating-linear-gradient(90deg,#8A99FF 0 6px,transparent 6px 12px)!important}
.cnx-mkt-paso .cnx-mk-phone2{width:240px!important;margin:0!important}
.cnx-mkt-num .elementor-heading-title{font:700 54px/1 "Quicksand",sans-serif;color:transparent;-webkit-text-stroke:1.4px rgba(138,153,255,.7);margin:8px 0 0}
.cnx-mkt-paso h3.elementor-heading-title{font:700 24px/1.2 "Quicksand",sans-serif;color:#fff;margin:0}
.cnx-mkt-paso .cnx-s-p p{font-size:16.5px}
.cnx-mkt-nos{padding:12px 14px!important;border-radius:14px;background:rgba(138,153,255,.08);border:1px dashed rgba(138,153,255,.35)}
.cnx-mkt-nos .elementor-heading-title{font:500 14px/1.45 "Familjen Grotesk",sans-serif;color:#DCE0FF;margin:0}
.cnx-mk-tap{position:absolute!important;right:44px;top:330px;width:46px!important;height:46px;border-radius:50%;background:rgba(35,7,242,.35);border:2px solid #fff;animation:cnxTap 1.6s ease-out infinite}
@keyframes cnxTap{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.cnx-mk-wa-top{padding:10px 12px!important;margin:-40px -12px 6px!important;padding-top:44px!important;background:#075E54}
.cnx-mk-wa-top .elementor-heading-title{font:700 13px/1 "Familjen Grotesk",sans-serif;color:#fff;margin:0}
.cnx-mk-bub{align-self:flex-start;max-width:85%;width:auto!important;padding:9px 12px!important;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.cnx-mk-bub--yo{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#DCF8C6}
.cnx-mk-bub .elementor-heading-title{font:500 12.5px/1.35 "Familjen Grotesk",sans-serif;color:#14162A;margin:0}
.cnx-mk-ok{flex:1;align-items:center!important;justify-content:center!important;gap:10px;text-align:center;min-height:380px}
.cnx-mk-ok .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-mk-ok-t .elementor-heading-title{font:700 20px/1.2 "Quicksand",sans-serif;color:#14162A;margin:0}
.cnx-mk-ok-s .elementor-heading-title{font:500 13px/1 "Familjen Grotesk",sans-serif;color:#6B7088;margin:0}
@media (max-width:1024px){.cnx-mkt-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.cnx-mkt-tira{transform:none!important;padding-left:0!important}.cnx-mkt-paso{scroll-snap-align:start}}
/* Calendario */
.cnx-cal{padding:22px!important;border-radius:26px;background:rgba(20,22,42,.7);border:1px solid rgba(138,153,255,.22);backdrop-filter:blur(14px);gap:14px}
.cnx-cal-top .elementor-heading-title{font:700 16px/1 "Quicksand",sans-serif;color:#fff;margin:0}
.cnx-cal-tag .elementor-heading-title{font:500 12px/1 "Familjen Grotesk",sans-serif!important;color:var(--s-mut)!important;padding:5px 10px;border-radius:999px;border:1px solid var(--s-line2)}
.cnx-cal-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cnx-cal-dn .elementor-heading-title{font:600 12px/1 "Familjen Grotesk",sans-serif;color:var(--s-mut);text-align:center;margin:0 0 4px}
.cnx-cal-d{min-height:64px;padding:6px!important;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);gap:4px}
.cnx-cal-n .elementor-heading-title{font:600 11px/1 "Familjen Grotesk",sans-serif;color:#9EA2B8;margin:0}
.cnx-cal-ev .elementor-heading-title{display:block;padding:4px 5px;border-radius:6px;font:700 9.5px/1.15 "Familjen Grotesk",sans-serif;color:#fff;margin:0;background:#2C14FF}
.cnx-cal-ev--video .elementor-heading-title{background:#5C64FF}.cnx-cal-ev--anuncio .elementor-heading-title{background:#1F149B;outline:1px solid #8A99FF}
.cnx-cal-ev--oferta .elementor-heading-title{background:#FFB020;color:#14162A}.cnx-cal-ev--reporte .elementor-heading-title{background:#fff;color:#2307F2}
.cnx-mkt-list{gap:14px}
.cnx-mkt-li h3.elementor-heading-title{font:700 18px/1.3 "Quicksand",sans-serif;color:#fff;margin:0 0 2px}
.cnx-mkt-li .cnx-s-p p{font-size:16px}
@media (max-width:640px){.cnx-cal-ev .elementor-heading-title{font-size:0;padding:4px;height:6px}}
/* Recibo */
.cnx-mkt-slot{align-items:center;padding-top:30px!important;position:relative}
.cnx-mkt-slot::before{content:""!important;position:absolute!important;inset:auto!important;top:14px!important;left:10%!important;right:10%!important;width:auto!important;height:14px!important;border-radius:10px;background:#14162A!important;opacity:1!important}
.cnx-mkt-recibo{width:86%!important;padding:28px 26px 34px!important;gap:16px;background:#fff;box-shadow:0 30px 60px -30px rgba(20,22,42,.6);position:relative;
 -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle at 10px 12px,transparent 7px,#000 7.5px) bottom/20px 12px repeat-x;
 mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,radial-gradient(circle at 10px 12px,transparent 7px,#000 7.5px) bottom/20px 12px repeat-x}
.cnx-rc-top .elementor-heading-title{font:700 13px/1 "Familjen Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6B7088;text-align:center;margin:0;padding-bottom:12px;border-bottom:1px dashed #C7CCDE}
.cnx-rc-li .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-rc-t .elementor-heading-title{font:700 17px/1.2 "Quicksand",sans-serif;color:#14162A;margin:0 0 4px}
.cnx-rc-d .elementor-heading-title{font:500 15px/1.45 "Familjen Grotesk",sans-serif;color:#2E3350;margin:0}
.cnx-rc-tot .elementor-heading-title{font:700 14px/1 "Familjen Grotesk",sans-serif;color:#2307F2;text-align:center;margin:0;padding-top:12px;border-top:1px dashed #C7CCDE}
.cnx-mkt-balcards>.e-con{flex:1 1 240px}
/* Ciclo */
.cnx-mkt-ciclo{position:relative;height:620px;max-width:620px;margin:0 auto!important}
.cnx-mkt-orbit{position:absolute!important;left:50%;top:50%;width:420px!important;height:420px;margin:-210px 0 0 -210px;border-radius:50%;border:2px dashed rgba(138,153,255,.4);animation:cnx-spin 50s linear infinite}
.cnx-mkt-centro{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:auto!important}
.cnx-mkt-centro .elementor-heading-title{font:700 30px/1 "Quicksand",sans-serif;color:#fff;margin:0;padding:34px 30px;border-radius:50%;background:radial-gradient(circle,rgba(35,7,242,.55),rgba(35,7,242,.1) 70%)}
.cnx-mkt-nodo{position:absolute!important;width:220px!important;padding:18px 18px!important;border-radius:20px;background:rgba(20,22,42,.88);border:1px solid rgba(138,153,255,.3);backdrop-filter:blur(12px);gap:6px}
.cnx-mkt-nodo .cnx-s-ib{margin:0 0 6px!important;width:52px!important;height:52px;flex:0 0 52px}
.cnx-mkt-nodo h3.elementor-heading-title{font:700 19px/1.2 "Quicksand",sans-serif;color:#fff;margin:0}
.cnx-mkt-nodo .cnx-s-p p{font-size:14.5px}
.cnx-mkt-nodo--0{left:50%;top:0;transform:translateX(-50%)}.cnx-mkt-nodo--1{right:0;top:50%;transform:translateY(-50%)}
.cnx-mkt-nodo--2{left:50%;bottom:0;transform:translateX(-50%)}.cnx-mkt-nodo--3{left:0;top:50%;transform:translateY(-50%)}
.cnx-mkt-p0{margin-top:10px!important;padding:20px!important;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2)}
.cnx-mkt-p0 .cnx-s-ib{margin:0!important}
.cnx-mkt-p0 h3.elementor-heading-title{font:700 19px/1.3 "Quicksand",sans-serif;color:#fff;margin:0 0 4px}
@media (max-width:1024px){.cnx-mkt-ciclo{height:auto;display:grid!important;grid-template-columns:1fr 1fr;gap:16px}.cnx-mkt-orbit,.cnx-mkt-centro{display:none!important}
 .cnx-mkt-nodo{position:static!important;transform:none!important;width:auto!important}}
@media (max-width:560px){.cnx-mkt-ciclo{grid-template-columns:1fr}}
/* Reporte */
.cnx-mkt-rep{padding:24px!important;border-radius:24px;background:#fff;gap:16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.cnx-mkt-rep-top .elementor-heading-title{font:700 15px/1 "Quicksand",sans-serif;color:#14162A;margin:0}
.cnx-mkt-rep .cnx-cal-tag .elementor-heading-title{color:#6B7088!important;border-color:#E3E6F0}
.cnx-mkt-rep-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
.cnx-mkt-met{position:relative;padding:16px!important;border-radius:14px;background:#F2F4FA;gap:6px}
.cnx-mkt-met-l .elementor-heading-title{font:600 13px/1.2 "Familjen Grotesk",sans-serif;color:#6B7088;margin:0}
.cnx-mkt-met-v .elementor-heading-title{font:700 28px/1 "Quicksand",sans-serif;color:#14162A;margin:0}
.cnx-mkt-pin{width:auto!important}
.cnx-mkt-pin .elementor-heading-title{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2307F2;color:#fff;font:700 14px/1 "Quicksand",sans-serif;margin:0;box-shadow:0 0 0 0 rgba(35,7,242,.5);animation:cnxPin 2.2s infinite}
@keyframes cnxPin{70%{box-shadow:0 0 0 10px rgba(35,7,242,0)}}
.cnx-mkt-met .cnx-mkt-pin{position:absolute!important;right:12px;top:12px}
.cnx-mkt-bars{display:flex!important;flex-direction:row!important;align-items:flex-end;gap:8px;height:110px;padding:10px!important;border-radius:14px;background:#F2F4FA}
.cnx-mkt-bar{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5C64FF,#2307F2)}
.cnx-mkt-bar--0{height:30%}.cnx-mkt-bar--1{height:42%}.cnx-mkt-bar--2{height:38%}.cnx-mkt-bar--3{height:55%}.cnx-mkt-bar--4{height:60%}.cnx-mkt-bar--5{height:72%}.cnx-mkt-bar--6{height:68%}.cnx-mkt-bar--7{height:86%}
.cnx-mkt-exp{gap:18px}
.cnx-mkt-exp-i h3.elementor-heading-title{font:700 19px/1.3 "Quicksand",sans-serif;color:#fff;margin:0 0 4px}
.cnx-mkt-exp-i .cnx-s-p p{font-size:16px}

/* =================================================================== POSICIONAMIENTO SEO */
.cnx-mkt-ciclo{max-width:720px}
.cnx-seo-hero{text-align:center}
.cnx-seo-hero::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-1;opacity:.5!important;pointer-events:none;
 background:radial-gradient(circle,rgba(138,153,255,.22) 1px,transparent 1.5px) 0 0/26px 26px!important;-webkit-mask:radial-gradient(ellipse 60% 70% at 50% 45%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 70% at 50% 45%,#000,transparent 75%)}
.cnx-seo-h1 .elementor-heading-title{max-width:16ch;margin-inline:auto}
.cnx-seo-pin{width:auto!important;animation:cnxPinBob 2.6s ease-in-out infinite}
@keyframes cnxPinBob{50%{transform:translateY(-8px)}}
.cnx-seo-barwrap{position:relative;width:100%;max-width:780px;margin:8px auto!important}
.cnx-seo-bar{height:76px;padding:0 28px!important;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 30px 70px -30px rgba(35,7,242,.9),0 0 0 6px rgba(138,153,255,.18)}
.cnx-seo-bar .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-seo-type{flex:1}
.cnx-seo-type .elementor-headline{font:500 clamp(17px,2vw,23px)/1.2 "Familjen Grotesk",sans-serif!important;color:#14162A!important;text-align:left!important;margin:0}
.cnx-seo-type .elementor-headline-dynamic-text{color:#14162A!important}
.cnx-seo-type .elementor-headline-dynamic-wrapper{text-align:left}
.cnx-seo-type .elementor-headline.elementor-headline-animation-type-typing .elementor-headline-dynamic-wrapper::after{content:"";display:inline-block;width:2px;height:1.1em;background:#2307F2;vertical-align:middle;animation:cnxCaret 1s steps(1) infinite}
@keyframes cnxCaret{50%{opacity:0}}
.cnx-seo-type .elementor-headline-dynamic-letter.elementor-headline-animation-in{color:#14162A}
.cnx-seo-c1{position:absolute!important;left:-120px;top:-40px}
.cnx-seo-c2{position:absolute!important;right:-110px;bottom:-46px}
.cnx-seo-micro .elementor-icon-list-items{justify-content:center}
@media (max-width:1024px){.cnx-seo-c1,.cnx-seo-c2{display:none!important}}
/* Página de resultados */
.cnx-serp{padding:22px!important;gap:12px;border-radius:22px;background:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.cnx-serp-q{padding:12px 18px!important;border-radius:999px;border:1px solid #DADCE0;margin-bottom:6px!important}
.cnx-serp-q .cnx-draw .elementor-icon{color:#2307F2!important}
.cnx-serp-q .elementor-heading-title{font:500 15px/1 "Familjen Grotesk",sans-serif;color:#14162A;margin:0}
.cnx-serp-r{padding:12px 14px!important;border-radius:12px;gap:3px;background:#fff;border:1px solid #EEF0F6}
.cnx-serp-url .elementor-heading-title{font:500 12px/1.2 "Familjen Grotesk",sans-serif;color:#4D5156;margin:0}
.cnx-serp-t .elementor-heading-title{font:600 17px/1.3 "Familjen Grotesk",sans-serif;color:#1F149B;margin:0}
.cnx-serp-st .elementor-heading-title{font:500 12.5px/1.2 "Familjen Grotesk",sans-serif;color:#B27700;margin:0}
.cnx-serp-d .elementor-heading-title{font:400 13.5px/1.45 "Familjen Grotesk",sans-serif;color:#4D5156;margin:0}
.cnx-serp-yo{min-height:84px;border-radius:12px;border:2px dashed #5C64FF;align-items:center!important;justify-content:center!important;animation:cnxYo 2s ease-in-out infinite}
.cnx-serp-yo .elementor-heading-title{font:700 20px/1 "Quicksand",sans-serif;color:#2307F2;margin:0}
@keyframes cnxYo{50%{background:rgba(92,100,255,.08);box-shadow:0 0 0 6px rgba(92,100,255,.08)}}
.cnx-serp-r--gris .cnx-serp-t .elementor-heading-title{color:#5A5F73}
.cnx-serp-r--yo{border:2px solid #2307F2;box-shadow:0 16px 40px -20px rgba(35,7,242,.8);position:relative;z-index:3;background:#F6F7FF}
.cnx-serp-r--yo .cnx-serp-t .elementor-heading-title{color:#2307F2}
.cnx-serp--sube{gap:10px;padding-bottom:60px!important;border-radius:0;box-shadow:none}
.cnx-seo-pasos{gap:10px;margin:6px 0 14px!important}
.cnx-seo-paso .cnx-s-p p{margin:0}
.cnx-seo-dol .elementor-icon-list-item{padding:6px 0!important}
.cnx-seo-dol .elementor-icon-list-icon svg{width:8px!important;fill:var(--s-amb)!important}
.cnx-seo-dol .elementor-icon-list-text{font:500 17px/1.5 "Familjen Grotesk",sans-serif;color:var(--s-txt);padding-left:10px!important}
/* Mapa y contador de posición */
.cnx-seo-side{gap:20px}
.cnx-seo-map{position:relative;height:280px;border-radius:24px;overflow:hidden;background:
 linear-gradient(90deg,rgba(138,153,255,.08) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(rgba(138,153,255,.08) 1px,transparent 1px) 0 0/40px 40px,
 linear-gradient(160deg,#1C1F3A,#14162A);border:1px solid rgba(138,153,255,.22)}
.cnx-seo-map::before{content:""!important;position:absolute!important;inset:auto!important;left:-20px!important;top:120px!important;width:140%!important;height:16px!important;opacity:1!important;transform:rotate(-12deg);background:rgba(255,255,255,.08)!important}
.cnx-seo-mpin{position:absolute!important;width:14px!important;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#5A5F73}
.cnx-seo-mpin--1{left:20%;top:30%}.cnx-seo-mpin--2{left:70%;top:24%}.cnx-seo-mpin--3{left:30%;top:72%}
.cnx-seo-mpin--yo{left:52%;top:46%;width:auto!important;height:auto;border-radius:0;transform:none;background:none}
.cnx-seo-mpin--yo .cnx-draw .elementor-icon{color:#fff!important;filter:drop-shadow(0 0 12px rgba(92,100,255,.9))}
.cnx-seo-map-t{position:absolute!important;left:58%;top:62%;width:auto!important}
.cnx-seo-map-t .elementor-heading-title{font:700 12px/1 "Familjen Grotesk",sans-serif;color:#fff;margin:0;padding:6px 10px;border-radius:999px;background:#2307F2}
.cnx-seo-pos{padding:22px 24px!important;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid var(--s-line2)}
.cnx-seo-pos-l .elementor-heading-title{font:600 13px/1 "Familjen Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--s-mut);margin:0}
.cnx-seo-pos-n .elementor-heading-title{font:700 64px/1 "Quicksand",sans-serif;color:var(--s-a4);margin:0}
.cnx-seo-pos-c .elementor-counter-number-wrapper{font:700 64px/1 "Quicksand",sans-serif;color:#fff}
.cnx-seo-pos .e-con{width:auto!important}
/* Pestañas horizontales */
.cnx-seo-tabs .e-n-tabs{flex-direction:column!important}
.cnx-seo-tabs .e-n-tabs-heading{flex:auto!important;flex-direction:row!important;flex-wrap:wrap}
.cnx-seo-tabs .e-n-tab-title{flex:1 1 220px;justify-content:center!important}
.cnx-seo-tabvis{align-items:center!important;justify-content:center!important;min-height:260px;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(35,7,242,.4),transparent 70%)}
.cnx-seo-tabvis .cnx-draw .elementor-icon{color:#fff!important}
.cnx-seo-tab>.e-con:first-child{gap:16px}
/* Tarjeta QR */
.cnx-seo-qr{align-items:center!important;gap:12px;padding:34px 26px!important;border-radius:26px;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.9);transform:rotate(-3deg)}
.cnx-seo-qr .cnx-draw .elementor-icon{color:#14162A!important}
.cnx-seo-qr-t .elementor-heading-title{font:700 20px/1.25 "Quicksand",sans-serif;color:#14162A;text-align:center;margin:0}
.cnx-seo-qr-s .elementor-heading-title{font-size:20px;color:#FFB020;text-align:center;margin:0;letter-spacing:3px}
.cnx-s-bento--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.cnx-s-bento--2{grid-template-columns:1fr}}
/* Mes a mes */
.cnx-seo-mesgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cnx-seo-mes{gap:10px;padding:26px 24px!important;border-radius:22px;background:#fff;border:1px solid rgba(35,7,242,.12);box-shadow:0 20px 40px -30px rgba(20,22,42,.5)}
.cnx-seo-mes-m .elementor-heading-title{font:700 13px/1 "Familjen Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2307F2;margin:0}
.cnx-seo-mes h3.elementor-heading-title{font:700 21px/1.2 "Quicksand",sans-serif;color:#0E0F11;margin:0}
.cnx-seo-mes .cnx-s-p p{font-size:15.5px}
.cnx-seo-prog .elementor-progress-wrapper{height:8px;border-radius:999px;background:rgba(35,7,242,.12)}
.cnx-seo-prog .elementor-progress-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,#5C64FF,#2307F2)}
.cnx-seo-honest{margin-top:34px!important;max-width:900px;margin-inline:auto!important}
.cnx-seo-honest .cnx-draw .elementor-icon{color:#2307F2!important}
@media (max-width:1024px){.cnx-seo-mesgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cnx-seo-mesgrid{grid-template-columns:1fr}}
/* Escalera */
.cnx-seo-esc{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end;position:relative}
.cnx-seo-escalon{gap:8px;padding:22px 20px!important;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--s-line2)}
.cnx-seo-escalon--0{margin-top:160px!important}.cnx-seo-escalon--1{margin-top:120px!important}.cnx-seo-escalon--2{margin-top:80px!important}.cnx-seo-escalon--3{margin-top:40px!important}
.cnx-seo-escalon--4{background:linear-gradient(160deg,rgba(35,7,242,.45),rgba(20,22,42,.6));border-color:rgba(138,153,255,.45)}
.cnx-seo-escalon .cnx-s-ib{margin:0!important;width:48px!important;height:48px;flex:0 0 48px}
.cnx-seo-escalon h3.elementor-heading-title{font:700 19px/1.25 "Quicksand",sans-serif;color:#fff;margin:6px 0 0}
.cnx-seo-escalon .cnx-s-p p{font-size:15.5px}
@media (max-width:1024px){.cnx-seo-esc{grid-template-columns:1fr}.cnx-seo-escalon{margin-top:0!important;margin-left:calc(var(--k,0) * 0px)}}
/* Marquesina de ciudades */
.cnx-seo-zonas2{background:#111223!important;overflow:hidden}
.cnx-seo-marq{padding:26px 0!important;background:linear-gradient(90deg,#1F149B,#2C14FF);transform:rotate(-2deg);margin:20px 0!important}
.cnx-seo-city .elementor-heading-title{font:700 clamp(26px,3vw,44px)/1 "Quicksand",sans-serif;color:#fff;margin:0;white-space:nowrap}
.cnx-seo-ast .elementor-heading-title{font:700 30px/1 "Quicksand",sans-serif;color:#8A99FF;margin:0}
.cnx-seo-hero .cnx-s-btns{justify-content:center}
.cnx-seo-esc{align-items:start!important}
.cnx-seo-prog .elementor-title{display:none}
.cnx-mkt-ciclo{max-width:720px}

/* =================================================================== HOME · marquesinas cruzadas en X */
.cnx-x{position:relative;overflow:hidden;min-height:340px;justify-content:center;background:#0E0F11!important}
.cnx-x-sr{position:absolute!important;width:1px!important;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cnx-x-band{position:absolute!important;left:-5%;width:110%!important;padding:22px 0!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.cnx-x-band--a{top:70px;transform:rotate(-5deg);background:linear-gradient(90deg,#2307F2,#3B36FF 50%,#2307F2);z-index:2}
.cnx-x-band--b{top:150px;transform:rotate(4deg);background:linear-gradient(90deg,#5C64FF,#8A99FF 50%,#5C64FF);z-index:1}
.cnx-x-band--b .cnx-marquee__track{animation-direction:reverse}
.cnx-x-it .elementor-icon{font-size:30px;color:#fff;line-height:0}.cnx-x-it .elementor-icon svg{width:30px;height:30px;fill:#fff}
.cnx-x-it .cnx-draw .elementor-icon{color:#fff!important}
.cnx-x-band--b .cnx-x-it .elementor-icon,.cnx-x-band--b .cnx-x-t .elementor-heading-title{color:#0E0F11!important}
.cnx-x-band--b .cnx-x-it svg{fill:#0E0F11}
.cnx-x-t .elementor-heading-title{font:700 clamp(24px,2.6vw,38px)/1 "Quicksand",sans-serif;color:#fff;margin:0;white-space:nowrap}
.cnx-x-sep .elementor-heading-title{font:700 26px/1 "Quicksand",sans-serif;color:rgba(255,255,255,.6);margin:0 0 0 14px}
.cnx-x-band--b .cnx-x-sep .elementor-heading-title{color:rgba(14,15,17,.5)}
.cnx-x-it>.elementor-element{width:auto!important}
@media (max-width:767px){.cnx-x{min-height:260px}.cnx-x-band{padding:16px 0!important}.cnx-x-band--a{top:50px}.cnx-x-band--b{top:120px}}
/* Centro Creativo: piezas que caen dentro de su sección */
.cnx-caida--centro{margin-top:30px!important;background:rgba(255,255,255,.03)}
/* Marquesinas cruzadas: tipografía y color de marca por encima de los globales de Elementor */
.cnx-x-t .elementor-heading-title{font-family:"Quicksand",sans-serif!important;font-weight:700!important;color:#fff!important}
.cnx-x-band--a .cnx-x-it .elementor-icon{color:#fff!important}.cnx-x-band--a .cnx-x-it svg{fill:#fff!important}
.cnx-x-band--b .cnx-x-t .elementor-heading-title{color:#0E0F11!important}.cnx-x-band--b .cnx-x-it .elementor-icon{color:#0E0F11!important}.cnx-x-band--b .cnx-x-it svg{fill:#0E0F11!important}
.cnx-x-sep .elementor-heading-title{font-family:"Quicksand",sans-serif!important;color:rgba(255,255,255,.65)!important}.cnx-x-band--b .cnx-x-sep .elementor-heading-title{color:rgba(14,15,17,.45)!important}
/* Planes del home: las fichas suben al quitar la pestaña suelta */
.elementor-element-d344042 .e-n-tabs-content{margin-top:0!important}
/* Conéctate: celular con conversación en lugar de la imagen anterior */
.cnx-ct-phone{position:relative;margin-top:26px!important;align-items:flex-start}
.cnx-ct-ph{margin:0!important;width:270px!important}
.cnx-ct-ph .cnx-mk-scr{min-height:430px;background:#ECE5DD}
.cnx-ct-chip{position:absolute!important;left:190px;bottom:40px}
@media (max-width:1024px){.cnx-ct-phone{display:none!important}}
.cnx-mkt-bars{flex-wrap:nowrap!important;overflow:hidden}
.cnx-mkt-bars>.cnx-mkt-bar{--width:auto;width:auto!important;flex:1 1 0!important;min-width:0}
.cnx-mkt-rep-grid>.e-con,.cnx-cal-grid>.e-con,.cnx-s-bento>.e-con,.cnx-sp-flips>.elementor-element,.cnx-seo-mesgrid>.e-con,.cnx-seo-esc>.e-con,.cnx-wm-cards>.e-con,.cnx-mk-cols>.e-con{--width:auto;min-width:0}

/* =================================================================== HÁGALO USTED MISMO */
.cnx-diy-esp{position:relative;height:520px;max-width:520px;margin:0 auto!important}
.cnx-diy-ring{position:absolute!important;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(138,153,255,.35)}
.cnx-diy-ring--1{width:300px!important;height:300px;margin:-150px 0 0 -150px;animation:cnx-spin 36s linear infinite}
.cnx-diy-ring--2{width:500px!important;height:500px;margin:-250px 0 0 -250px;animation:cnx-spin 60s linear infinite reverse;border-style:dotted}
.cnx-diy-o{position:absolute!important;left:50%;top:50%;padding:8px 14px!important;white-space:nowrap}
.cnx-diy-o .elementor-heading-title{font-size:13px}
.cnx-diy-ring--1 .cnx-diy-o{animation:cnxDiyCounter 36s linear infinite}
.cnx-diy-ring--2 .cnx-diy-o{animation:cnxDiyCounter2 60s linear infinite}
@keyframes cnxDiyCounter{to{rotate:-360deg}}
@keyframes cnxDiyCounter2{to{rotate:360deg}}
/* posiciones en el aro (6 y 8 piezas) */
.cnx-diy-ring--1 .cnx-diy-o--0{transform:translate(-50%,-50%) translate(0,-150px)}.cnx-diy-ring--1 .cnx-diy-o--1{transform:translate(-50%,-50%) translate(130px,-75px)}
.cnx-diy-ring--1 .cnx-diy-o--2{transform:translate(-50%,-50%) translate(130px,75px)}.cnx-diy-ring--1 .cnx-diy-o--3{transform:translate(-50%,-50%) translate(0,150px)}
.cnx-diy-ring--1 .cnx-diy-o--4{transform:translate(-50%,-50%) translate(-130px,75px)}.cnx-diy-ring--1 .cnx-diy-o--5{transform:translate(-50%,-50%) translate(-130px,-75px)}
.cnx-diy-ring--2 .cnx-diy-o--0{transform:translate(-50%,-50%) translate(0,-250px)}.cnx-diy-ring--2 .cnx-diy-o--1{transform:translate(-50%,-50%) translate(177px,-177px)}
.cnx-diy-ring--2 .cnx-diy-o--2{transform:translate(-50%,-50%) translate(250px,0)}.cnx-diy-ring--2 .cnx-diy-o--3{transform:translate(-50%,-50%) translate(177px,177px)}
.cnx-diy-ring--2 .cnx-diy-o--4{transform:translate(-50%,-50%) translate(0,250px)}.cnx-diy-ring--2 .cnx-diy-o--5{transform:translate(-50%,-50%) translate(-177px,177px)}
.cnx-diy-ring--2 .cnx-diy-o--6{transform:translate(-50%,-50%) translate(-250px,0)}.cnx-diy-ring--2 .cnx-diy-o--7{transform:translate(-50%,-50%) translate(-177px,-177px)}
.cnx-diy-core{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:150px!important;height:150px;border-radius:50%;align-items:center!important;justify-content:center!important;gap:6px;
 background:radial-gradient(circle,rgba(35,7,242,.7),rgba(35,7,242,.15) 70%);box-shadow:0 0 0 10px rgba(92,100,255,.08)}
.cnx-diy-core .cnx-draw{width:auto!important}.cnx-diy-core .cnx-draw .elementor-icon{color:#fff!important}
.cnx-diy-core-t .elementor-heading-title{font:700 20px/1 "Quicksand",sans-serif;color:#fff;margin:0}
@media (max-width:767px){.cnx-diy-esp{transform:scale(.62);height:340px;margin:-80px auto!important}}
.cnx-diy-no{border-color:rgba(255,176,32,.3)!important}
.cnx-diy-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.cnx-diy-grid>.e-con{--width:auto;min-width:0}
.cnx-diy-pk{position:relative;gap:12px;padding:30px 24px!important;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--s-line2);transition:transform .5s var(--s-ease),border-color .5s}
.cnx-diy-pk:hover{transform:translateY(-6px);border-color:rgba(138,153,255,.45)}
.cnx-diy-pk--top{background:linear-gradient(170deg,rgba(35,7,242,.38),rgba(20,22,42,.7));border-color:rgba(138,153,255,.55)}
.cnx-diy-badge{position:absolute!important;top:-14px;left:24px;width:auto!important}
.cnx-diy-badge .elementor-heading-title{font:700 12px/1 "Familjen Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#14162A;background:#FFB020;padding:7px 12px;border-radius:999px;margin:0}
.cnx-diy-pk .cnx-s-ib{margin-bottom:6px!important}
.cnx-diy-pk-n .elementor-heading-title{font:700 23px/1.2 "Quicksand",sans-serif;color:#fff;margin:0}
.cnx-diy-pk-tag .elementor-heading-title{display:inline-block;font:700 13px/1 "Familjen Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8A99FF;margin:0}
.cnx-diy-pk .cnx-s-wa{margin-top:auto!important}
.cnx-diy-aff{margin-top:30px!important}
.cnx-diy-aff .cnx-s-p p,.cnx-diy-aff .cnx-s-p strong{color:#E6E8F5!important}
.cnx-diy-aff .cnx-draw .elementor-icon{color:#8A99FF!important}
@media (max-width:1100px){.cnx-diy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cnx-diy-grid{grid-template-columns:1fr}}
.cnx-diy-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cnx-diy-tools>.e-con{--width:auto;min-width:0}
.cnx-diy-tool{gap:6px;padding:18px!important;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--s-line2)}
.cnx-diy-marca .elementor-heading-title{font:700 11px/1 "Familjen Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8A99FF;margin:0}
.cnx-diy-free .elementor-heading-title{font:700 11px/1 "Familjen Grotesk",sans-serif;color:#7CF29A;margin:0;padding:4px 8px;border-radius:999px;background:rgba(40,200,64,.12)}
.cnx-diy-tool-n .elementor-heading-title{font:700 17px/1.25 "Quicksand",sans-serif;color:#fff;margin:0}
.cnx-diy-tool .cnx-s-p p{font-size:14.5px}
@media (max-width:1024px){.cnx-diy-tools{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cnx-diy-tools{grid-template-columns:1fr}}
.cnx-diy-ring--1{width:360px!important;height:360px;margin:-180px 0 0 -180px}
.cnx-diy-ring--1 .cnx-diy-o--0{transform:translate(-50%,-50%) translate(0,-180px)}.cnx-diy-ring--1 .cnx-diy-o--1{transform:translate(-50%,-50%) translate(156px,-90px)}.cnx-diy-ring--1 .cnx-diy-o--2{transform:translate(-50%,-50%) translate(156px,90px)}.cnx-diy-ring--1 .cnx-diy-o--3{transform:translate(-50%,-50%) translate(0,180px)}.cnx-diy-ring--1 .cnx-diy-o--4{transform:translate(-50%,-50%) translate(-156px,90px)}.cnx-diy-ring--1 .cnx-diy-o--5{transform:translate(-50%,-50%) translate(-156px,-90px)}
/* Marquesinas en X montadas sobre la unión de dos secciones (pedido 12/10): la caja no ocupa espacio propio,
   se superpone mitad a la sección de arriba y mitad a la de abajo. */
.cnx-x{min-height:0!important;height:320px;margin:-160px 0!important;padding:0!important;background:transparent!important;z-index:5;pointer-events:none}
.cnx-x-band--a{top:100px}.cnx-x-band--b{top:158px}
@media (max-width:767px){.cnx-x{height:240px;margin:-120px 0!important}.cnx-x-band--a{top:70px}.cnx-x-band--b{top:122px}}
/* Celular (12/10): una sola franja, más inclinada hacia lo plano y con letra que se lea, igual que las demás marquesinas del sitio */
@media (max-width:767px){
	.cnx-x{height:150px;margin:-75px 0!important}
	.cnx-x-band--b{display:none!important}
	.cnx-x-band--a{top:42px!important;transform:rotate(-3deg)}
	.cnx-x-t .elementor-heading-title{font-size:24px!important}
}
/* Centro Creativo · "Quién está detrás" (perfil de Miguel, 12/10). La columna del nombre queda fija mientras se lee la historia.
   Cuando llegue la foto real va arriba del nombre, en la columna izquierda. */
.cnx-mig{position:relative;isolation:isolate}
.cnx-mig::after{content:""!important;position:absolute!important;inset:auto auto -20% -10%!important;width:60%!important;height:70%!important;opacity:1!important;z-index:-1;pointer-events:none;
 background:radial-gradient(closest-side,rgba(35,7,242,.28),transparent)!important}
@media (min-width:1025px){.cnx-mig-side{position:sticky!important;top:130px}}
.cnx-mig-name .elementor-heading-title{font:700 clamp(54px,6.4vw,96px)/.95 "Quicksand",sans-serif!important;color:#fff!important;letter-spacing:-.02em;margin:0}
.cnx-mig-name .elementor-heading-title span{display:block;color:transparent;-webkit-text-stroke:1.6px #8A99FF}
.cnx-mig-role .elementor-heading-title{font:700 22px/1.3 "Quicksand",sans-serif!important;color:#fff!important;margin:6px 0 0}
.cnx-mig-tags .elementor-heading-title{font:500 16px/1.5 "Familjen Grotesk",sans-serif!important;color:#8A99FF!important;letter-spacing:.04em;text-transform:uppercase;margin:0}
.cnx-mig-year .elementor-heading-title{display:flex!important;align-items:center;gap:16px;margin-top:14px;padding:16px 22px;border-radius:20px;width:fit-content;
 background:rgba(255,255,255,.04);border:1px solid rgba(138,153,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cnx-mig-year b{font:700 44px/1 "Quicksand",sans-serif;background:linear-gradient(90deg,#5C64FF,#8A99FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.cnx-mig-year span{font:500 16px/1.35 "Familjen Grotesk",sans-serif;color:#C9CCDA;max-width:150px}
.cnx-mig-text,.cnx-mig-text p{font-family:"Familjen Grotesk",sans-serif!important;font-size:18px!important;line-height:1.75!important;color:#C9CCDA!important}
.cnx-mig-text p{margin:0 0 18px!important}
.cnx-mig-text .cnx-mig-lead{font-size:21px!important;line-height:1.6!important;color:#fff!important}
.cnx-mig-quote .elementor-heading-title{position:relative;margin:10px 0 26px!important;padding:26px 28px 26px 34px;border-radius:24px;
 font:600 clamp(20px,1.9vw,25px)/1.5 "Quicksand",sans-serif!important;color:#fff!important;
 background:linear-gradient(120deg,rgba(35,7,242,.32),rgba(92,100,255,.08));border:1px solid rgba(138,153,255,.3)}
.cnx-mig-quote .elementor-heading-title::before{content:"\201C";position:absolute;top:-30px;left:20px;font:700 96px/1 "Quicksand",sans-serif;color:#5C64FF}
@media (max-width:767px){.cnx-mig-text,.cnx-mig-text p{font-size:17px!important}.cnx-mig-text .cnx-mig-lead{font-size:19px!important}}
.cnx-mig-side>.elementor-widget,.cnx-mig-side .elementor-heading-title{text-align:left!important;align-self:flex-start}
.cnx-mig-side .cnx-eyebrow .elementor-heading-title{font:600 16px/1 "Familjen Grotesk",sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:#8A99FF!important}
.cnx-mig-btn .elementor-button{border-radius:100px!important;padding:21px 34px!important;text-transform:uppercase;font-weight:600}
@media (max-width:1024px){.cnx-mig-side>.elementor-widget{align-self:flex-start}}
/* Foto de Miguel en "Quién está detrás" */
.cnx-mig-foto{width:100%!important}
.cnx-mig-foto img{display:block;width:100%!important;height:340px!important;max-width:none!important;object-fit:cover;object-position:62% 30%;border-radius:28px;
 border:1px solid rgba(138,153,255,.35);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 6px rgba(92,100,255,.08)}
@media (max-width:767px){.cnx-mig-foto img{height:300px!important}}
@media (min-width:1025px){.cnx-mig-side{top:110px!important}}
/* 12/10 (tarde): retrato vertical de Miguel; la etiqueta "Quién está detrás" encabeza la columna */
.cnx-mig-foto img{height:520px!important;object-position:45% 25%}
.cnx-mig-side .cnx-eyebrow{margin-bottom:6px}
@media (max-width:767px){.cnx-mig-foto img{height:440px!important}}
/* "Quién está detrás" con el fondo vivo de los banners (12/10): luces azules que se mueven y líneas con destellos,
   volteado para que el movimiento quede detrás de la foto y el texto de la derecha siga sobre fondo oscuro. Más las partículas (global.js). */
.cnx-mig::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;opacity:.7!important;z-index:-2!important;pointer-events:none;
 background:url(/wp-content/uploads/cnx-codigo/assets/packs/cnx-fondo-ondas-v1.svg) center/cover no-repeat!important;transform:scaleX(-1)}
.cnx-mig>.cnx-particulas{opacity:.75!important}
.cnx-mig-bio{position:relative}
.cnx-mig-bio::before{content:""!important;position:absolute!important;inset:-40px -60px!important;width:auto!important;height:auto!important;opacity:1!important;z-index:-1!important;pointer-events:none;
 background:radial-gradient(closest-side,rgba(10,12,26,.78),rgba(10,12,26,0))!important}