/* CYE Prospectos 1.4.0 — mismo lenguaje visual del sitio: azul marino, resplandor azul, dorado, botones de 14px */
#cyep-root{--cy-fondo1:#0c1c3d;--cy-fondo2:#060d1f;--cy-borde:rgba(148,178,255,.14);--cy-txt:#eef3ff;--cy-sub:#a9b8d6;--cy-azul:#3B82F6;--cy-oro:#FBBF24;--cy-oro2:#F59E0B;--cy-wa1:#25D366;--cy-wa2:#119c52;--cy-tg1:#3bb5f0;--cy-tg2:#1f8fd0;position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:inherit;line-height:1.4}
#cyep-root[hidden]{display:none!important}
#cyep-root *{box-sizing:border-box}
#cyep-root .cyep-fondo{position:absolute;inset:0;background:rgba(2,6,16,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease}
#cyep-root .cyep-caja{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:hidden auto;overscroll-behavior:contain;background:linear-gradient(165deg,var(--cy-fondo1) 0%,var(--cy-fondo2) 70%);border:1px solid var(--cy-borde);border-radius:22px;color:var(--cy-txt);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;transform:translateY(16px) scale(.98);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease}
#cyep-root.cyep-abierto .cyep-fondo{opacity:1}
#cyep-root.cyep-abierto .cyep-caja{transform:none;opacity:1}
#cyep-root .cyep-brillo{position:absolute;top:-120px;left:50%;width:420px;height:260px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(59,130,246,.38),rgba(59,130,246,0));pointer-events:none}
#cyep-root .cyep-cuerpo{position:relative;padding:30px 24px 20px;text-align:left}
#cyep-root .cyep-x{position:absolute;top:12px;right:14px;z-index:2;width:36px;height:36px;line-height:34px;text-align:center;font-size:24px;color:var(--cy-sub)!important;cursor:pointer;border-radius:50%;user-select:none;transition:background .15s}
#cyep-root .cyep-x:hover,#cyep-root .cyep-x:focus-visible{background:rgba(255,255,255,.08);color:#fff!important;outline:none}
#cyep-root .cyep-eyebrow{display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:6px 12px;border-radius:999px;border:1px solid rgba(59,130,246,.45);background:rgba(59,130,246,.10);color:#9cc0ff!important;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cyep-root .cyep-punto{width:6px;height:6px;border-radius:50%;background:var(--cy-azul);box-shadow:0 0 8px var(--cy-azul);flex:none}
#cyep-root .cyep-tit{margin:14px 0 0;font-size:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff!important;text-wrap:balance}
#cyep-root .cyep-oro{color:var(--cy-oro)!important}
#cyep-root .cyep-linea{width:56px;height:3px;margin:12px 0 10px;border-radius:3px;background:linear-gradient(90deg,var(--cy-oro),rgba(251,191,36,0))}
#cyep-root .cyep-sub{font-size:.92rem;color:var(--cy-sub)!important;margin:0 0 18px}
#cyep-root .cyep-paso[hidden],#cyep-root .cyep-ok[hidden],#cyep-root .cyep-elegido[hidden],#cyep-root .cyep-canal[hidden],#cyep-root .cyep-opcion[hidden]{display:none!important}
/* elegir tema */
#cyep-root .cyep-temas{display:flex;flex-wrap:wrap;gap:8px}
#cyep-root .cyep-chip{padding:10px 14px;border-radius:12px;border:1px solid var(--cy-borde);background:rgba(255,255,255,.04);color:var(--cy-txt)!important;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
#cyep-root .cyep-chip:hover,#cyep-root .cyep-chip:focus-visible{border-color:var(--cy-oro);background:rgba(251,191,36,.08);outline:none}
#cyep-root .cyep-chip-otro{color:var(--cy-sub)!important}
/* elegir curso */
#cyep-root .cyep-pregunta{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cy-oro)!important;margin:0 0 10px}
#cyep-root .cyep-cursos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cyep-root .cyep-curso{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--cy-borde);background:rgba(255,255,255,.035);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;min-width:0}
#cyep-root .cyep-curso:hover,#cyep-root .cyep-curso:focus-visible{border-color:var(--cy-oro);box-shadow:0 8px 24px rgba(251,191,36,.14);outline:none}
@media (hover:hover) and (pointer:fine){#cyep-root .cyep-curso:hover{transform:translateY(-2px)}}
#cyep-root .cyep-curso-img{aspect-ratio:16/10;background:linear-gradient(135deg,#132a57,#0a1530);overflow:hidden}
#cyep-root .cyep-curso-img img{width:100%;height:100%;object-fit:cover;display:block}
#cyep-root .cyep-curso-t{padding:9px 10px 11px;font-size:.8rem;font-weight:700;line-height:1.3;color:#fff!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}
#cyep-root .cyep-ninguno{margin-top:12px;padding:11px;text-align:center;border-radius:12px;border:1px dashed var(--cy-borde);color:var(--cy-sub)!important;font-size:.88rem;font-weight:600;cursor:pointer}
#cyep-root .cyep-ninguno:hover,#cyep-root .cyep-ninguno:focus-visible{border-color:var(--cy-oro);color:#fff!important;outline:none}
#cyep-root .cyep-cargando-cursos{display:contents}
#cyep-root .cyep-cargando-cursos span{display:block;aspect-ratio:16/14;border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:cyep-sk 1.2s linear infinite}
@keyframes cyep-sk{to{background-position:-200% 0}}
/* curso elegido */
#cyep-root .cyep-elegido{display:flex;align-items:center;gap:12px;padding:10px;margin:0 0 14px;border-radius:14px;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.06)}
#cyep-root .cyep-elegido-img{flex:none;width:64px;height:44px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#132a57,#0a1530)}
#cyep-root .cyep-elegido-img img{width:100%;height:100%;object-fit:cover;display:block}
#cyep-root .cyep-elegido-txt{flex:1;min-width:0;display:flex;flex-direction:column}
#cyep-root .cyep-elegido-txt span{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cy-oro)!important}
#cyep-root .cyep-elegido-txt b{font-size:.86rem;line-height:1.3;color:#fff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#cyep-root .cyep-cambiar{flex:none;font-size:.78rem;font-weight:700;color:#9cc0ff!important;cursor:pointer;padding:6px 8px;border-radius:8px}
#cyep-root .cyep-cambiar:hover,#cyep-root .cyep-cambiar:focus-visible{background:rgba(59,130,246,.15);outline:none}
#cyep-root .cyep-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
#cyep-root .cyep-checks span:last-child{grid-column:1 / -1}
#cyep-root .cyep-checks span{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--cy-borde);background:rgba(255,255,255,.04);font-size:.76rem;font-weight:600;color:#d6e2fb!important}
#cyep-root .cyep-checks svg{color:var(--cy-oro)}
/* botones: misma forma que los del sitio (14px, alto 56px, letra gruesa, brillo) */
#cyep-root .cyep-canales{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cyep-root .cyep-canales.cyep-uno{grid-template-columns:1fr}
#cyep-root .cyep-canal{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:12px 10px;border-radius:14px;font-weight:800;font-size:1.02rem;letter-spacing:.01em;text-decoration:none!important;color:#fff!important;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}
#cyep-root .cyep-wa{background:linear-gradient(135deg,var(--cy-wa1),var(--cy-wa2))!important;box-shadow:0 8px 22px rgba(37,211,102,.25)}
#cyep-root .cyep-tg{background:linear-gradient(135deg,var(--cy-tg1),var(--cy-tg2))!important;box-shadow:0 8px 22px rgba(42,171,238,.25)}
#cyep-root .cyep-canal::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-20deg);animation:cyep-brillo 9s ease-in-out 1.2s infinite}
@keyframes cyep-brillo{0%,60%{left:-60%}100%{left:130%}}
#cyep-root .cyep-canal:focus-visible{outline:3px solid #fff;outline-offset:2px}
#cyep-root .cyep-cargando{opacity:.5;pointer-events:none}
#cyep-root .cyep-cargando::after{animation:none}
@media (hover:hover) and (pointer:fine){#cyep-root .cyep-canal:hover{transform:translateY(-2px)}}
#cyep-root .cyep-ok{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.35);font-size:.9rem;line-height:1.4;color:#d9ffe7!important}
#cyep-root .cyep-pie{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:.74rem;line-height:1.45;color:#8696b6!important;text-align:center}
#cyep-root .cyep-pie a{color:#a9b8d6!important;text-decoration:underline!important}
@media (max-width:600px){
  #cyep-root{align-items:flex-end;padding:0}
  #cyep-root .cyep-caja{max-width:none;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%)}
  #cyep-root.cyep-abierto .cyep-caja{transform:none}
  #cyep-root .cyep-cuerpo{padding:28px 18px calc(18px + env(safe-area-inset-bottom,0px))}
  #cyep-root .cyep-tit{font-size:1.32rem}
}
@media (prefers-reduced-motion:reduce){#cyep-root .cyep-caja,#cyep-root .cyep-fondo{transition:none}#cyep-root .cyep-canal::after,#cyep-root .cyep-cargando-cursos span{animation:none}}
/* Nova oculta el resto de la página mientras está abierta: la ventanita debe verse encima de Nova */
html.nova-pagina-oculta body > #cyep-root#cyep-root#cyep-root:not([hidden]){visibility:visible!important}

/* Botón de las landings: copia el estilo del botón "Acceso Total" de la página (clase clonada); aquí solo se acomoda */
.cyep-cta-wrap{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;max-width:100%}
.cyep-cta-wrap > a{margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;cursor:pointer}
.cyep-cta-wrap{box-sizing:border-box}
.cyep-cta-wrap .cyep-txt{display:block;width:100%;text-align:center}
.cyep-cta-nota{display:block;width:100%;text-align:center;font-size:.78rem;color:rgba(226,232,240,.72)}
/* Landings: el botón conserva forma y letra de "Acceso Total", con fondo suave del color de la landing y destello */
a.cyep-tinte{--cy-acento:251,191,36;position:relative!important;overflow:hidden!important;background:rgba(var(--cy-acento),.15)!important;border-color:rgba(var(--cy-acento),.75)!important;box-shadow:0 0 22px rgba(var(--cy-acento),.22)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;height:auto!important;padding-top:.3rem!important;padding-bottom:.3rem!important;justify-content:center!important;text-align:center}
a.cyep-hero-btn.cyep-tinte{border:1.5px solid rgba(var(--cy-acento),.75)!important}
a.cyep-tinte,a.cyep-tinte .cyep-txt{white-space:normal!important}
.cyep-hero-wrap{opacity:0;animation:cyep-aparece .6s ease-out .7s forwards}
@keyframes cyep-aparece{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cyep-hero-wrap{opacity:1;animation:none}}
.cyep-cta-wrap .cyep-hero-btn + .cyep-cta-nota{color:rgba(255,255,255,.75)}
a.cyep-tinte::after,a.cyep-curso-btn::after,.cyep-destello{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-20deg);animation:cyep-brillo 9s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes cyep-brillo{0%,60%{left:-60%}100%{left:130%}}
a.cyep-tinte:active,a.cyep-curso-btn:active{transform:none!important}
/* Página del curso: botón como los bloques de la página (azul marino, borde azul tenue) con destello; sin movimiento */
a.cyep-cta.cyep-curso-btn{position:relative;overflow:hidden;border:1px solid rgba(96,140,255,.28)!important;background:linear-gradient(165deg,#132654,#0b1838)!important;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:none!important;transform:none!important}
@media (hover:hover) and (pointer:fine){a.cyep-cta.cyep-curso-btn:hover{background:linear-gradient(165deg,#173063,#0d1c42)!important;transform:none!important}}
/* "¡TOMAR OFERTA!": se hunde un poco al tocarlo en lugar de crecer y desbordarse */
body.single-product .cyep-compra{position:relative!important;overflow:hidden!important;transform:none!important;transition:transform .12s ease,filter .12s ease!important}
body.single-product .cyep-compra:hover,body.single-product .cyep-compra:focus{transform:none!important}
body.single-product .cyep-compra:active{transform:none!important}
body.single-product .cyep-compra .cyep-destello{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0))}
@media (prefers-reduced-motion:reduce){a.cyep-tinte::after,a.cyep-curso-btn::after,.cyep-destello{animation:none;display:none}}

/* Respaldo si la página no tiene botón de referencia, y botón de la página del curso: mismo estilo que "Acceso Total" */
a.cyep-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:12px 18px;border-radius:14px;border:1.5px solid rgba(251,191,36,.6);background:rgba(10,18,40,.55);color:#fff!important;font-weight:800;font-size:1rem;line-height:1.2;text-align:center;text-decoration:none!important;transition:background .15s ease,transform .15s ease}
@media (hover:hover) and (pointer:fine){a.cyep-cta:hover{background:rgba(251,191,36,.12);transform:translateY(-1px)}}
a.cyep-cta:focus-visible{outline:2px solid #FBBF24;outline-offset:3px}
.cyep-curso-btn + .cyep-cta-nota,.summary .cyep-cta-nota{color:inherit;opacity:.7}

/* Pastilla en el hero de categoría */
a.ccat-badge.cyep-badge{cursor:pointer;text-decoration:none!important;color:#FDE68A!important;border-color:rgba(251,191,36,.55)!important;background:rgba(251,191,36,.10)!important}
@media (hover:hover) and (pointer:fine){a.ccat-badge.cyep-badge:hover{background:rgba(251,191,36,.2)!important}}

/* Aviso de favoritos */
.cyep-toast{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2147482990;display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100vw - 32px));padding:12px 12px 12px 16px;border-radius:16px;background:linear-gradient(165deg,#0c1c3d,#060d1f);border:1px solid rgba(148,178,255,.16);box-shadow:0 16px 44px rgba(0,0,0,.45);color:#eef3ff;font-size:.9rem;line-height:1.35;transform:translateY(20px);opacity:0;transition:transform .25s ease,opacity .25s ease;box-sizing:border-box}
.cyep-toast.cyep-toast-on{transform:none;opacity:1}
.cyep-toast-t{flex:1;min-width:0}
.cyep-toast b{color:#FBBF24}
a.cyep-toast-si{flex:none;padding:9px 14px;border-radius:12px;background:linear-gradient(135deg,#FBBF24,#F59E0B)!important;color:#1a1300!important;font-weight:800;font-size:.85rem;text-decoration:none!important;white-space:nowrap}
.cyep-toast-no{flex:none;width:28px;height:28px;line-height:26px;text-align:center;font-size:20px;color:#a9b8d6;cursor:pointer;border-radius:50%}
.cyep-toast-no:hover{background:rgba(255,255,255,.08);color:#fff}
@media (max-width:767px){.cyep-toast{left:12px;right:12px;max-width:none;bottom:calc(76px + env(safe-area-inset-bottom,0px))}}

/* Nova: usa las burbujas y botones de Nova; solo el botón "Sí" lleva el dorado de sus botones principales */
.cyep-nova-btns .cyep-nova-si{font-weight:700}

/* Ícono de avisos (campana) en lugar del emoji */
.cyep-i{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.45em;flex:none}
a.cyep-tinte .cyep-i{color:rgb(var(--cy-acento))}
a.cyep-curso-btn .cyep-i{color:#FBBF24}
.cyep-nova-si .cyep-i{color:#FBBF24;margin-right:.35em}
/* Nova: indicaciones de uso */
.cyep-nova-msg .cyep-nova-pasos{display:block;margin-top:6px;font-size:.88em;opacity:.78}
/* "¡TOMAR OFERTA!" y el botón de avisos nunca se agrandan */
body.single-product .cyep-cta-wrap,body.single-product .cyep-cta-wrap:active,body.single-product .cyep-curso-btn:active{transform:none!important}

/* Ventanita: qué pasa con cada botón */
#cyep-root .cyep-sub b{color:#fff}
#cyep-root .cyep-opcion{display:flex;flex-direction:column;gap:8px;min-width:0}
#cyep-root .cyep-que{margin:0;padding:0 2px;font-size:.76rem;line-height:1.4;color:var(--cy-sub)!important;text-align:center}
#cyep-root .cyep-que b{color:#e6edfb}
#cyep-root .cyep-reglas{margin-top:12px;padding:9px 12px;border-radius:12px;border:1px solid var(--cy-borde);background:rgba(255,255,255,.035);text-align:center;font-size:.78rem;line-height:1.4;color:#c9d6f0!important}
#cyep-root .cyep-reglas b{color:#fff}

/* Etiqueta del botón: 1 renglón si cabe; si no, 2 renglones como "Acceso Total" (arriba la acción, abajo el tema) */
.cyep-txt .cyep-l1,.cyep-txt .cyep-l2{white-space:normal}
a.cyep-2l .cyep-txt{line-height:1.1}
a.cyep-tinte.cyep-2l{padding-left:.6rem!important;padding-right:.6rem!important}
a.cyep-2l .cyep-l1{display:block;font-weight:inherit}
a.cyep-2l .cyep-l2{display:block;font-size:.78em;font-weight:600;opacity:.9;margin-top:2px}

/* Página del curso: aire debajo del botón de avisos (antes lo daba la nota) */
.cyep-curso-wrap{margin-bottom:18px!important}
/* Tarjeta de curso que la persona ya vio */
#cyep-root .cyep-curso-img{position:relative}
#cyep-root .cyep-visto{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;background:rgba(6,13,31,.82);border:1px solid rgba(251,191,36,.5);color:#FDE68A!important;font-size:.62rem;font-weight:700;letter-spacing:.04em}

/* 1.3.4 — landings: el botón aparece ya en su lugar (sin salto) */
.cyep-cta-wrap.cyep-espera{opacity:0;transition:opacity .45s ease-out}
.cyep-cta-wrap.cyep-espera.cyep-listo{opacity:1}
/* 1.3.4 — campanita que suena: un balanceo corto cada ~6 s, solo en los botones */
@keyframes cyep-campana{0%,84%,100%{transform:rotate(0)}86%{transform:rotate(16deg)}88%{transform:rotate(-14deg)}90%{transform:rotate(11deg)}92%{transform:rotate(-8deg)}94%{transform:rotate(5deg)}96%{transform:rotate(-2deg)}}
.cyep-cta-wrap .cyep-i{transform-origin:50% 8%;animation:cyep-campana 6s ease-in-out 1.5s infinite}
@media (prefers-reduced-motion:reduce){.cyep-cta-wrap .cyep-i{animation:none}.cyep-cta-wrap.cyep-espera{opacity:1;transition:none}}

/* 1.3.6 — Página del curso: "¡TOMAR OFERTA!" y "Explorar más cursos" ya no crecen (Elementor los escalaba 1.2 al pasar/tocar).
   En su lugar, PC y celular: al pasar el mouse se iluminan un poco; al tocar/clic se ven "presionados". Nunca cambian de tamaño. */
body.single-product .elementor-element.e-transform.cye-cta,body.single-product .elementor-element.e-transform.cye-explorar,
body.single-product .elementor-element.e-transform.cye-cta:hover,body.single-product .elementor-element.e-transform.cye-explorar:hover,
body.single-product .elementor-element.e-transform.cye-cta>.elementor-widget-container,body.single-product .elementor-element.e-transform.cye-explorar>.elementor-widget-container,
body.single-product .elementor-element.e-transform.cye-cta:hover>.elementor-widget-container,body.single-product .elementor-element.e-transform.cye-explorar:hover>.elementor-widget-container{--e-transform-scale:1!important;--e-transform-scaleX:1!important;--e-transform-scaleY:1!important;transform:none!important}
body.single-product .cye-cta .single_add_to_cart_button,body.single-product .cye-explorar .elementor-button{transform:none!important;transition:filter .12s ease,box-shadow .12s ease!important}
@media (hover:hover) and (pointer:fine){body.single-product .cye-cta .single_add_to_cart_button:hover,body.single-product .cye-explorar .elementor-button:hover{filter:brightness(1.08);transform:none!important}}
body.single-product .cye-cta .single_add_to_cart_button:active,body.single-product .cye-explorar .elementor-button:active{filter:brightness(.88)!important;box-shadow:inset 0 3px 10px rgba(0,0,0,.35)!important;transform:none!important}
/* 1.3.7 — "personas ya se interesaron" dentro del cuadro de la descripción */
.woocommerce-product-details__short-description .cye-pulso.cyep-pulso-dentro{position:relative;z-index:1;margin:18px 0 0!important;box-sizing:border-box;max-width:100%}
/* 1.3.8 — categorías: igual que las landings, aparece cuando sus botones terminan de entrar (sin salto) */
.cyep-cta-wrap.cyep-hero-wrap.cyep-espera{animation:none}