/* CreatixNova · Cupón IMPULSA20 (19/10/2026): pasos de la ventana 1371 y aviso en Conéctate. */
#elementor-popup-modal-1371 .dialog-widget-content{background:transparent;border-radius:18px;overflow:visible}
#elementor-popup-modal-1371 .dialog-close-button{z-index:5}
#elementor-popup-modal-1371 .dialog-close-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);transition:background .25s ease}
#elementor-popup-modal-1371 .dialog-close-button:hover{background:rgba(255,255,255,.14)}
#elementor-popup-modal-1371 .dialog-close-button:focus{outline:none}
#elementor-popup-modal-1371 .dialog-close-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#elementor-popup-modal-1371 .dialog-close-button svg,#elementor-popup-modal-1371 .dialog-close-button i{width:16px;height:16px;font-size:16px}
.cnx-cupon{position:relative;overflow:hidden;isolation:isolate}
.cnx-cupon::before{content:"";position:absolute;right:-120px;top:-140px;width:320px;height:320px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--cnx-p2) 30%,transparent) 0%,transparent 68%)}
/* Solo se ve el paso activo; el primero se ve aunque el código aún no haya cargado */
.cnx-cupon .cnx-cupon-paso:not(.cnx-cupon-p1),.cnx-cupon.cnx-pasos .cnx-cupon-paso{display:none!important}
.cnx-cupon.cnx-pasos .cnx-cupon-paso.is-activo{display:flex!important;animation:cnx-cupon-entra .35s ease both}
@keyframes cnx-cupon-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cnx-cupon .cnx-cupon-msg{display:none}
.cnx-cupon .cnx-cupon-msg.is-activo{display:block}
.cnx-cupon-titulo .elementor-heading-title,.cnx-cupon-msg .elementor-heading-title{text-wrap:balance}
.cnx-cupon .elementor-heading-title:focus{outline:none}
/* Opciones de la pregunta */
.cnx-cupon-op .elementor-button{width:100%;justify-content:flex-start;text-align:left;white-space:normal!important;padding:15px 18px!important;border-radius:12px!important;background:color-mix(in srgb,#fff 4%,transparent)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-family:"Familjen Grotesk",sans-serif;font-size:16px!important;font-weight:500!important;line-height:1.35!important;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.cnx-cupon-op .elementor-button .elementor-button-text{white-space:normal!important}
.cnx-cupon-op .elementor-button:hover,.cnx-cupon-op .elementor-button:focus-visible{background:var(--cnx-p1)!important;border-color:var(--cnx-p1)!important;transform:translateX(4px)}
.cnx-cupon-op--suave .elementor-button{background:transparent!important;border:0!important;padding:8px 4px!important;color:var(--cnx-t1)!important;font-size:15px!important;text-decoration:underline;text-underline-offset:4px;justify-content:center}
.cnx-cupon-op--suave .elementor-button:hover,.cnx-cupon-op--suave .elementor-button:focus-visible{background:transparent!important;color:#fff!important;transform:none}
.cnx-cupon-cerrar .elementor-button{justify-content:flex-start;padding-left:0!important}
/* Código del cupón: marco punteado como un cupón recortable */
.cnx-cupon-codigo .elementor-heading-title{display:inline-block;padding:10px 22px;border:2px dashed color-mix(in srgb,var(--cnx-p3) 85%,transparent);border-radius:12px;background:color-mix(in srgb,var(--cnx-p1) 16%,transparent)}
.cnx-cupon-legal{opacity:.85}
.cnx-cupon-legal p{margin:0}
.cnx-cupon .elementor-widget-text-editor p:last-child{margin-bottom:0}
/* Aviso en Conéctate */
.cnx-cupon-aviso{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 24px;padding:16px 20px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--cnx-p3) 85%,transparent);background:color-mix(in srgb,var(--cnx-p1) 14%,transparent);color:var(--cnx-t1);font-family:"Familjen Grotesk",sans-serif;font-size:15px;line-height:1.5}
.cnx-cupon-aviso p{margin:0;flex:1 1 300px}
.cnx-cupon-aviso strong{color:#fff}
.cnx-cupon-quitar{background:none;border:0;padding:4px 0;color:var(--cnx-t1);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cnx-cupon-quitar:hover,.cnx-cupon-quitar:focus-visible{color:#fff}
@media (prefers-reduced-motion:reduce){.cnx-cupon .cnx-cupon-paso.is-activo{animation:none}.cnx-cupon-op .elementor-button:hover{transform:none}}