/* ============================================================ EDITECA · GLOBAL JS (EzyCourse / SPA) - Tipografía Titillium en iframe (si es same-origin) - Scroll a #anclas en SPA - GSAP Hero (si existe #ed-lite-hero) - Widget "Edi" (ChatGPT-like + disclaimer fijo bajo el input) - Popup Global "Primeras plazas Máster 2026" (v3) ============================================================ */ /* ================================ 1) TIPOGRAFÍA EN IFRAME (si se puede) ================================== */ (function () { const CSS = ` body, body *:not(code):not(pre):not(kbd):not(samp) { font-family: "Titillium Web", system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important; } `; function injectCSSIntoIframe() { const iframe = document.querySelector("iframe"); if (!iframe) return; try { const doc = iframe.contentDocument || iframe.contentWindow.document; if (!doc) return; // ✅ Evita duplicado if (doc.getElementById("editeca-global-font")) return; const style = doc.createElement("style"); style.id = "editeca-global-font"; style.innerHTML = CSS; doc.head.appendChild(style); console.log("[Editeca] Tipografía aplicada en iframe"); } catch (e) { // Cross-origin o aún no accesible → ignoramos y seguimos observando } } injectCSSIntoIframe(); const observer = new MutationObserver(injectCSSIntoIframe); observer.observe(document.body, { childList: true, subtree: true }); })(); /* ================================ 2) SCROLL A ANCLAS EN SPA ================================== */ (function () { function irAlAncla() { const hash = window.location.hash; if (!hash) return; const destino = document.querySelector(hash); if (!destino) return; setTimeout(() => { try { destino.scrollIntoView({ behavior: "smooth", block: "start" }); } catch (e) {} }, 300); } window.addEventListener("load", irAlAncla); window.addEventListener("hashchange", irAlAncla); const observer = new MutationObserver(() => irAlAncla()); observer.observe(document.body, { childList: true, subtree: true }); })(); /* ================================ 3) GSAP + ScrollTrigger (Hero EditecaLite) ================================== */ (function () { function loadScript(src) { return new Promise((resolve, reject) => { const s = document.createElement("script"); s.src = src; s.onload = resolve; s.onerror = reject; document.head.appendChild(s); }); } async function initEdLiteHero() { try { if (!window.gsap) await loadScript("https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"); if (!window.ScrollTrigger) await loadScript("https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"); } catch (e) { return; // si falla CDN, no rompemos nada } if (!window.gsap || !window.ScrollTrigger) return; gsap.registerPlugin(ScrollTrigger); const hero = document.querySelector("#ed-lite-hero"); const circles = gsap.utils.toArray(".ed-lite-circle"); const lines = gsap.utils.toArray(".ed-lite-lines span"); if (!hero || circles.length === 0) return; const tl = gsap.timeline({ scrollTrigger: { trigger: hero, start: "top top", end: "+=250%", scrub: true, pin: true, }, }); circles.forEach((circle, index) => { if (index === 0) return; tl.to(circle, { opacity: 1, ease: "none" }, "+=0.25"); }); gsap.to(lines, { yPercent: 40, ease: "none", scrollTrigger: { trigger: hero, start: "top top", end: "+=250%", scrub: true, }, }); } initEdLiteHero(); })(); /* ================================ 5) POPUP GLOBAL · BECAS TALENTO LATAM (v1.1) - Fondo invertido horizontalmente - Subtítulo más grande - Texto pequeño debajo del botón - Logos mucho más grandes ================================== */ (function () { const POPUP_VERSION = "latam_v1_1"; const MAX_SHOWS = 2; const LS_COUNT_KEY = `ed_popup_count_${POPUP_VERSION}`; const SS_CLOSED_KEY = `ed_popup_closed_session_${POPUP_VERSION}`; const ED_BLUE = "#022E70"; const BACKGROUND_IMG = "https://editeca.com/wp-content/uploads/2024/10/Banner-OIJ-1920x1080px.png"; const LOGOS_IMG = "https://editeca.com/wp-content/uploads/2024/09/logos-e1768826797744.png"; const CTA_URL = "https://editeca.com/masters-bim-2026/" + "?utm_source=ezycourse&utm_medium=campus&utm_campaign=becas_talento_latam" + "&utm_content=popup_banner&utm_term=editecalite"; const EXCLUDE_PATHS = []; function getMadridHour() { // Devuelve la hora (0-23) en zona horaria Europe/Madrid, independientemente del país del usuario const parts = new Intl.DateTimeFormat("es-ES", { timeZone: "Europe/Madrid", hour: "2-digit", hour12: false, }).formatToParts(new Date()); const hourPart = parts.find((p) => p.type === "hour"); return hourPart ? parseInt(hourPart.value, 10) : NaN; } function isWithinMadridWindow(startHour, endHour) { const h = getMadridHour(); if (Number.isNaN(h)) return false; // Ventana normal (no cruza medianoche): ej. 1 → 6 if (startHour < endHour) return h >= startHour && h < endHour; // Ventana que cruza medianoche: ej. 22 → 6 return h >= startHour || h < endHour; } function shouldExclude() { const path = location.pathname || ""; return EXCLUDE_PATHS.some((p) => path.startsWith(p)); } function getCount() { return parseInt(localStorage.getItem(LS_COUNT_KEY) || "0", 10); } function incCount() { localStorage.setItem(LS_COUNT_KEY, String(getCount() + 1)); } function isClosedThisSession() { return sessionStorage.getItem(SS_CLOSED_KEY) === "1"; } function setClosedThisSession() { sessionStorage.setItem(SS_CLOSED_KEY, "1"); } function onEsc(e) { if (e.key === "Escape") { setClosedThisSession(); removePopup(); } } function removePopup() { const el = document.getElementById("ed-global-popup"); if (el) el.remove(); document.removeEventListener("keydown", onEsc); } function showPopup() { if (shouldExclude()) return; // ✅ Solo entre 01:00 y 06:00 (hora España) if (!isWithinMadridWindow(1, 6)) return; if (isClosedThisSession()) return; if (getCount() >= MAX_SHOWS) return; if (document.getElementById("ed-global-popup")) return; incCount(); const wrap = document.createElement("div"); wrap.id = "ed-global-popup"; wrap.innerHTML = ` `; document.body.appendChild(wrap); const overlay = wrap.querySelector(".edp-overlay"); const card = wrap.querySelector(".edp-card"); const closeBtn = wrap.querySelector(".edp-close"); function closePopup() { setClosedThisSession(); removePopup(); } overlay.addEventListener("click", (e) => { if (!card.contains(e.target)) closePopup(); }); closeBtn.addEventListener("click", (e) => { e.preventDefault(); e.stopPropagation(); closePopup(); }); card.addEventListener("click", (e) => { if (e.target === closeBtn || closeBtn.contains(e.target)) return; window.open(CTA_URL, "_blank", "noopener"); }); document.addEventListener("keydown", onEsc); } // SPA friendly mount let lastPath = location.pathname + location.search + location.hash; function tryShowWithDelay() { if (window.__ED_GLOBAL_POPUP_PENDING__) return; window.__ED_GLOBAL_POPUP_PENDING__ = true; setTimeout(() => { window.__ED_GLOBAL_POPUP_PENDING__ = false; showPopup(); }, 900); } tryShowWithDelay(); const _pushState = history.pushState; history.pushState = function () { _pushState.apply(this, arguments); const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }; window.addEventListener("popstate", () => { const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }); const mo = new MutationObserver(() => { const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }); mo.observe(document.body, { childList: true, subtree: true }); })(); /* ============================================================ 6) POPUP GLOBAL · VIVA BIM 2026 (v1.0) - Sin restricciones horarias - Fondo: HEAD-VIVABIM-2026-scaled.png - Sin countdown - Misma lógica de cierre / sesión / SPA / anti-solape ============================================================ */ const POPUP_ENABLED = false; (function () { if (!POPUP_ENABLED) return; const POPUP_VERSION = "vivabim_2026_v1_0"; const WRAP_ID = "ed-global-popup-vivabim"; const SS_CLOSED_KEY = `ed_popup_closed_session_${POPUP_VERSION}`; const WHITE = "#FFFFFF"; const GREEN = "#35D39A"; const DARK = "#16363A"; const BACKGROUND_IMG = "https://editeca.com/wp-content/uploads/2024/03/HEAD-VIVABIM-2026-scaled.png"; const CTA_URL = "https://editeca.com/evento/abril-viva-bim-2/" + "?utm_source=ezycourse&utm_medium=campus&utm_campaign=vivabim_2026" + "&utm_content=popup&utm_term=editecalite"; const EXCLUDE_PATHS = []; function shouldExclude() { const path = location.pathname || ""; return EXCLUDE_PATHS.some((p) => path.startsWith(p)); } function isClosedThisSession() { return sessionStorage.getItem(SS_CLOSED_KEY) === "1"; } function setClosedThisSession() { sessionStorage.setItem(SS_CLOSED_KEY, "1"); } function removePopup() { const el = document.getElementById(WRAP_ID); if (el) el.remove(); document.removeEventListener("keydown", onEsc); if (window.__ED_ACTIVE_POPUP__ === WRAP_ID) window.__ED_ACTIVE_POPUP__ = ""; } function onEsc(e) { if (e.key === "Escape") { setClosedThisSession(); removePopup(); } } function showPopup() { if (shouldExclude()) return; if (isClosedThisSession()) return; // anti-solape con otros popups if (document.getElementById("ed-global-popup")) return; if (window.__ED_ACTIVE_POPUP__ && window.__ED_ACTIVE_POPUP__ !== WRAP_ID) return; if (document.getElementById(WRAP_ID)) return; window.__ED_ACTIVE_POPUP__ = WRAP_ID; const wrap = document.createElement("div"); wrap.id = WRAP_ID; wrap.innerHTML = ` `; document.body.appendChild(wrap); const overlay = wrap.querySelector(".edp-overlay"); const card = wrap.querySelector(".edp-card"); const closeBtn = wrap.querySelector(".edp-close"); function closePopup() { setClosedThisSession(); removePopup(); } overlay.addEventListener("click", (e) => { if (!card.contains(e.target)) closePopup(); }); closeBtn.addEventListener("click", (e) => { e.preventDefault(); e.stopPropagation(); closePopup(); }); card.addEventListener("click", (e) => { if (e.target === closeBtn || closeBtn.contains(e.target)) return; if (e.target.closest(".edp-btn")) return; window.open(CTA_URL, "_blank", "noopener"); }); document.addEventListener("keydown", onEsc); } // SPA friendly mount let lastPath = location.pathname + location.search + location.hash; function tryShowWithDelay() { if (window.__ED_VIVABIM_POPUP_PENDING__) return; window.__ED_VIVABIM_POPUP_PENDING__ = true; setTimeout(() => { window.__ED_VIVABIM_POPUP_PENDING__ = false; showPopup(); }, 900); } tryShowWithDelay(); const _pushState = history.pushState; history.pushState = function () { _pushState.apply(this, arguments); const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }; window.addEventListener("popstate", () => { const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }); const mo = new MutationObserver(() => { const now = location.pathname + location.search + location.hash; if (now !== lastPath) { lastPath = now; tryShowWithDelay(); } }); mo.observe(document.body, { childList: true, subtree: true }); })(); /* ============================================================ 7) HEADER TEMPORAL · VIVA BIM 2026 (v1.0) - APARECE EN TODO EL CAMPUS ============================================================ */ (function () { const ENABLE_VIVA_BIM_BAR = false; // ← poner false para apagar if (!ENABLE_VIVA_BIM_BAR) return; if (document.getElementById('ed-vivabim-topbar')) return; const CONFIG = { bg: '#16363A', textColor: '#F5F7F7', accent: '#2cc587', couponBg: '#ccffcc', couponText: '#16363A', heightDesktop: 62, heightMobile: 50, zIndex: 999999, logoText: 'VIVA BIM', targetUrl: 'https://editeca.com', speed: 100 }; const style = document.createElement('style'); style.id = 'ed-vivabim-topbar-styles'; style.innerHTML = ` :root{ --ed-vivabim-height-desktop:${CONFIG.heightDesktop}px; --ed-vivabim-height-mobile:${CONFIG.heightMobile}px; } body.ed-vivabim-bar-active{ padding-top: 0 !important; } @media (max-width: 768px){ body.ed-vivabim-bar-active{ padding-top: var(--ed-vivabim-height-mobile) !important; } } #ed-vivabim-topbar{ position: fixed; top: 0; left: 0; width: 100%; height: var(--ed-vivabim-height-desktop); background: ${CONFIG.bg}; color: ${CONFIG.textColor}; z-index: ${CONFIG.zIndex}; display: flex; align-items: center; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.16); border-bottom: 1px solid rgba(255,255,255,.06); font-family: "Titillium Web", system-ui, sans-serif; } @media (max-width: 768px){ #ed-vivabim-topbar{ height: var(--ed-vivabim-height-mobile); } } .ed-vivabim-topbar__inner{ width: 100%; height: 100%; display: flex; align-items: center; min-width: 0; } .ed-vivabim-topbar__logoWrap{ position: relative; z-index: 2; flex: 0 0 auto; height: 100%; display: flex; align-items: center; padding: 0 18px 0 18px; background: linear-gradient(90deg, ${CONFIG.bg} 0%, ${CONFIG.bg} 82%, rgba(22,54,58,0) 100%); text-decoration: none; } .ed-vivabim-topbar__logoText{ font-size: 30px; line-height: 1; font-weight: 700; letter-spacing: .2px; color: #ffffff; white-space: nowrap; } @media (max-width: 768px){ .ed-vivabim-topbar__logoWrap{ padding: 0 12px; } .ed-vivabim-topbar__logoText{ font-size: 22px; } } .ed-vivabim-topbar__marquee{ position: relative; flex: 1 1 auto; min-width: 0; height: 100%; display: flex; align-items: center; overflow: hidden; white-space: nowrap; mask-image: linear-gradient(to right, transparent 0, black 50px, black calc(100% - 20px), transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0, black 50px, black calc(100% - 20px), transparent 100%); } .ed-vivabim-topbar__track{ display: inline-flex; align-items: center; white-space: nowrap; min-width: max-content; will-change: transform; animation: edVivaBimMarquee ${CONFIG.speed}s linear infinite; } .ed-vivabim-topbar__item{ display: inline-flex; align-items: center; gap: 14px; padding-right: 34px; font-size: 18px; line-height: 1; letter-spacing: .2px; text-transform: uppercase; font-weight: 300; color: ${CONFIG.textColor}; white-space: nowrap; } .ed-vivabim-topbar__item .dot{ opacity: .45; font-weight: 400; } .ed-vivabim-topbar__item .discount{ color: ${CONFIG.accent}; font-weight: 600; } .ed-vivabim-topbar__item .coupon{ display: inline-flex; align-items: center; justify-content: center; padding: 5px 12px 4px 12px; border-radius: 999px; background: ${CONFIG.couponBg}; color: ${CONFIG.couponText}; font-weight: 600; letter-spacing: .3px; } @media (max-width: 768px){ .ed-vivabim-topbar__item{ font-size: 14px; gap: 10px; padding-right: 22px; } .ed-vivabim-topbar__item .coupon{ padding: 4px 10px 3px 10px; } } @keyframes edVivaBimMarquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Recolocar headers sticky */ .sticky.top-0, header.sticky, .sys-navbar-bg, ._stMenu, [data-label="main-header"], [data-label="builder-header-main"], [data-label="Course watch topbar"], [data-label="Course watch topbar"] > header, .course_watch_topbar, .course_watch_page header{ top: var(--ed-vivabim-height-desktop) !important; } @media (max-width: 768px){ .sticky.top-0, header.sticky, .sys-navbar-bg, ._stMenu, [data-label="main-header"], [data-label="builder-header-main"], [data-label="Course watch topbar"], [data-label="Course watch topbar"] > header, .course_watch_topbar, .course_watch_page header{ top: var(--ed-vivabim-height-mobile) !important; } } /* FIX ESPECÍFICO HOME */ body.ed-vivabim-home-fix .sticky.top-0.left-0.z-1000.w-full, body.ed-vivabim-home-fix header.sys-navbar-bg, body.ed-vivabim-home-fix [aria-describedby="builder-header-main"]{ margin-top: 0 !important; transform: none !important; } body.ed-vivabim-home-fix .ezy-section.ezy-section-H0OD0PL, body.ed-vivabim-home-fix main, body.ed-vivabim-home-fix .student_main_content, body.ed-vivabim-home-fix .__student_main_content{ margin-top: 0 !important; padding-top: 0 !important; } `; document.head.appendChild(style); function buildItems() { const itemHTML = ` CURSOS Y MÁSTERS · CUPÓN VIVABIM26 · HASTA UN 50% DE DESCUENTO EN CURSOS Y MÁSTERS `; return itemHTML.repeat(8); } const bar = document.createElement('div'); bar.id = 'ed-vivabim-topbar'; bar.innerHTML = `

${CONFIG.logoText}

`; document.body.appendChild(bar); document.body.classList.add('ed-vivabim-bar-active'); function currentHeight() { return window.innerWidth <= 768 ? CONFIG.heightMobile : CONFIG.heightDesktop; } function updateBodyPadding() { document.body.style.paddingTop = currentHeight() + 'px'; } function nudgeHeaders() { const selectors = [ '.sticky.top-0', 'header.sticky', '._stMenu', '.sys-navbar-bg', '[data-label="main-header"]', '[data-label="builder-header-main"]', '[data-label="Course watch topbar"]', '[data-label="Course watch topbar"] > header', '.course_watch_topbar', '.course_watch_page header' ]; const h = currentHeight(); const isHome = location.pathname === '/' || location.pathname === '/es' || location.pathname === '/es/' || location.pathname.includes('/dashboard'); selectors.forEach(sel => { document.querySelectorAll(sel).forEach(el => { if (isHome) { // 🔴 EN HOME NO TOCAMOS EL TOP el.style.top = '0px'; } else { el.style.top = h + 'px'; } }); }); } function applyHomeFix() { const isHome = location.pathname === '/' || location.pathname === '/student' || location.pathname === '/student/' || location.pathname === '/student/dashboard' || location.pathname === '/student/dashboard/' || location.pathname === '/student/dashboard/courses' || location.pathname === '/student/dashboard/courses/'; document.body.classList.toggle('ed-vivabim-home-fix', isHome); } function applyAll() { updateBodyPadding(); nudgeHeaders(); applyHomeFix(); } applyAll(); window.addEventListener('resize', applyAll); const observer = new MutationObserver(function () { if (!document.getElementById('ed-vivabim-topbar')) { document.body.appendChild(bar); } document.body.classList.add('ed-vivabim-bar-active'); applyAll(); }); observer.observe(document.body, { childList: true, subtree: true }); })();