(() => { 'use strict'; const API = 'DMCMobileMenuOnly'; const BREAKPOINT = 991; /* * Elimina versiones anteriores del prototipo * para evitar menús duplicados. */ ['DMCMobileMenuOnly', 'DMCMobileMenuV2'].forEach(name => { try { window[name]?.destroy?.(); } catch (error) { console.warn(error); } }); /* * Busca el menú móvil original de Bricks. */ const sourceMenu = document.querySelector( 'nav.bricks-mobile-menu-wrapper.left > ul.bricks-mobile-menu' ) || document.querySelector( 'nav.bricks-mobile-menu-wrapper ul.bricks-mobile-menu' ) || document.querySelector( 'ul.bricks-mobile-menu' ); if (!sourceMenu) { console.error( '[DMC] No se encontró ul.bricks-mobile-menu. ' + 'Activa la vista móvil y vuelve a ejecutar el script.' ); return; } /* * Solo se reemplaza el nav móvil. * El header principal permanece intacto. */ const sourceWrapper = sourceMenu.closest( 'nav.bricks-mobile-menu-wrapper' ) || sourceMenu.parentElement; const $ = ( selector, scope = document ) => scope.querySelector(selector); const $$ = ( selector, scope = document ) => [...scope.querySelectorAll(selector)]; const directChild = ( parent, test ) => [...parent.children].find(test) || null; const normalize = (value = '') => String(value) .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/\s+/g, ' ') .trim() .toLowerCase(); const esc = (value = '') => String(value).replace( /[&<>'"]/g, character => ({ '&': '&', '<': '<', '>': '>', "'": ''', '"': '"' })[character] ); /* * Convierte el menú original de WordPress/Bricks * en una estructura reutilizable. */ function parseItem(li) { const toggle = directChild( li, child => child.classList?.contains( 'brx-submenu-toggle' ) ); const anchor = ( toggle ? directChild( toggle, child => child.tagName === 'A' ) : null ) || directChild( li, child => child.tagName === 'A' ); const submenu = directChild( li, child => child.matches?.( 'ul.sub-menu' ) ); const rawHref = anchor ?.getAttribute('href') ?.trim() || ''; const href = rawHref && rawHref !== '#' && !/^javascript:/i.test(rawHref) ? anchor.href : ''; const target = anchor?.getAttribute('target') || ''; const rel = new Set( ( anchor?.getAttribute('rel') || '' ) .split(/\s+/) .filter(Boolean) ); if (target === '_blank') { rel.add('noopener'); } return { label: ( anchor?.textContent || li.getAttribute('aria-label') || '' ) .replace(/\s+/g, ' ') .trim(), href, target, rel: [...rel].join(' '), children: submenu ? [...submenu.children] .filter( child => child.tagName === 'LI' ) .map(parseItem) .filter( item => item.label ) : [] }; } const data = [...sourceMenu.children] .filter( child => child.tagName === 'LI' ) .map(parseItem) .filter( item => item.label ); if (!data.length) { console.error( '[DMC] El menú fue encontrado, ' + 'pero no contiene elementos legibles.' ); return; } const icon = { close: ` `, chevron: ` `, arrow: ` ` }; /* * Conserva target y rel de los enlaces originales. */ function attrs(item) { const result = [ `href="${esc( item.href || '#' )}"` ]; if (item.target) { result.push( `target="${esc( item.target )}"` ); } if (item.rel) { result.push( `rel="${esc( item.rel )}"` ); } return result.join(' '); } /* * Todos los enlaces internos usan exactamente: * * ↗ */ function submenuLink( item, label = item.label ) { return ` `; } function sameUrl(a, b) { if (!a || !b) { return false; } try { const clean = value => { const url = new URL( value, location.href ); url.hash = ''; return url.href.replace( /\/$/, '' ); }; return clean(a) === clean(b); } catch { return a === b; } } /* * Submenús sencillos: * Membresías, Comunidad y Nosotros. */ function simplePanel( item, index ) { const links = [...item.children]; const parentAlreadyExists = item.href && links.some(child => sameUrl( child.href, item.href ) ); if ( item.href && !parentAlreadyExists ) { links.unshift({ ...item, label: normalize(item.label) === 'nosotros' ? 'Quiénes somos' : `Ver ${item.label}`, children: [] }); } return ` `; } /* * Menú de tres niveles: * Programas → grupo → enlaces. */ function groupedPanel( item, index ) { const groups = item.children.filter( child => child.children.length ); const looseLinks = item.children.filter( child => !child.children.length ); const cta = item.href || new URL( '/cursos/', location.origin ).href; return `

${ looseLinks.length ? ` ` : '' }

`; } /* * Elementos principales. */ function topItem( item, index ) { /* * Enlace directo, como Empresas. */ if (!item.children.length) { return ` `; } const grouped = item.children.some( child => child.children.length ); return ` `; } /* * Estilos del menú personalizado. * * No se crea ni se modifica el header principal. * No hay buscador. * No hay barra superior dentro del drawer. * No hay botón de inicio de sesión. */ const style = document.createElement('style'); style.id = 'dmc-menu-only-styles'; style.textContent = ` #dmc-menu-root { --dmc-navy:#0A1B3D; --dmc-blue:#0B63F6; --dmc-blue-ink:#1E6BFF; --dmc-tile:#E7F0FE; --dmc-ink:#0E1726; --dmc-ink-2:#5A6478; --dmc-line:#E4E9F2; --dmc-radius:14px; --dmc-admin-offset:0px; position:relative; z-index:2147483000; color: var(--dmc-ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; } #dmc-menu-root, #dmc-menu-root *, #dmc-menu-root *::before, #dmc-menu-root *::after { box-sizing: border-box; } html.dmc-menu-lock, body.dmc-menu-lock { overflow: hidden !important; } #dmc-menu-root button { font: inherit; } #dmc-menu-root button, #dmc-menu-root a { -webkit-tap-highlight-color: transparent; } /* * Capa oscura. */ .dmc-menu-overlay { position: fixed; top: var(--dmc-admin-offset); right: 0; bottom: 0; left: 0; z-index: 70; background: rgba(6,14,32,.55); opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s; } .dmc-menu-overlay.is-visible { opacity: 1; visibility: visible; } /* * Drawer lateral. */ .dmc-menu-drawer { position: fixed; top: var(--dmc-admin-offset); bottom: 0; left: 0; z-index: 80; width: min(92vw,420px); display: flex; flex-direction: column; background: #FFFFFF; color: var(--dmc-ink); transform: translateX(-101%); transition: transform .28s cubic-bezier(.32,.72,.28,1); box-shadow: 0 0 44px rgba(10,27,61,.28); outline: 0; } .dmc-menu-drawer.is-open { transform: translateX(0); } /* * Botón flotante de cierre. * * No hay barra superior interna. */ .dmc-menu-close { position: absolute; top: calc( 12px + env(safe-area-inset-top) ); right: 12px; z-index: 3; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 1px solid var(--dmc-line); border-radius: 12px; background: #FFFFFF; color: var(--dmc-navy); box-shadow: 0 4px 14px rgba(10,27,61,.12); cursor: pointer; } .dmc-menu-close:active { background: #F1F4F9; } .dmc-menu-close svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* * Contenido desplazable. */ .dmc-menu-drawer-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: calc( 64px + env(safe-area-inset-top) ) 16px 22px; background: #FFFFFF; } /* * Listas. */ .dmc-menu-nav, .dmc-menu-groups, .dmc-menu-links { margin: 0; padding: 0; list-style: none; } .dmc-menu-nav > .dmc-menu-nav-item { border-bottom: 1px solid var(--dmc-line); } /* * Filas principales. */ .dmc-menu-row { width: 100%; min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 15px 2px; border: 0; background: none; color: var(--dmc-ink); text-align: left; text-decoration: none; font-size: 16.5px; font-weight: 600; line-height: 1.35; cursor: pointer; } .dmc-menu-row > span:first-child { min-width: 0; } /* * Flechas de los acordeones. */ .dmc-menu-chev { width: 19px; height: 19px; margin-left: auto; flex: none; fill: none; stroke: #8A94A8; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .24s ease; } .dmc-menu-chev-right { transform: rotate(-90deg); } .dmc-menu-nav-item.is-open > .dmc-menu-row, .dmc-menu-group.is-open > .dmc-menu-row { color: var(--dmc-blue); } .dmc-menu-nav-item.is-open > .dmc-menu-row .dmc-menu-chev, .dmc-menu-group.is-open > .dmc-menu-row .dmc-menu-chev { transform: rotate(180deg); stroke: var(--dmc-blue); } /* * Paneles animados. */ .dmc-menu-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; } .dmc-menu-nav-item.is-open > .dmc-menu-panel, .dmc-menu-group.is-open > .dmc-menu-panel { grid-template-rows: 1fr; } .dmc-menu-panel > div { min-height: 0; overflow: hidden; } /* * Tarjeta de Programas. */ .dmc-menu-feature { margin: 4px 0 16px; padding: 18px; border: 1px solid #DDE7FA; border-radius: 18px; background: linear-gradient( 160deg, #EDF4FF 0%, #F6F0FF 100% ); } .dmc-menu-feature-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 15px; background: linear-gradient( 140deg, #3B82F6, #7C3AED ); } .dmc-menu-feature-icon svg { width: 24px; height: 24px; fill: none; stroke: #FFFFFF; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; } .dmc-menu-feature h2 { margin: 0 0 6px; font-size: 20px; line-height: 1.25; font-weight: 700; } .dmc-menu-feature p { max-width: 34ch; margin: 0 0 16px; color: var(--dmc-ink-2); font-size: 14.5px; line-height: 1.5; } .dmc-menu-btn { display: block; width: 100%; padding: 14px; border: 0; border-radius: 11px; background: var(--dmc-blue); color: #FFFFFF; text-align: center; text-decoration: none; font-size: 15px; font-weight: 600; } .dmc-menu-btn:active { background: #0950CB; } /* * Grupos interiores. */ .dmc-menu-groups { padding: 0 0 12px; } .dmc-menu-group { margin-bottom: 8px; overflow: hidden; border: 1px solid var(--dmc-line); border-radius: var(--dmc-radius); background: #FFFFFF; } .dmc-menu-group.is-open { border-color: #D6E2F8; background: #FBFCFE; } .dmc-menu-group-row { min-height: 48px; padding: 13px 14px; color: var(--dmc-blue-ink); font-size: 15px; } /* * Enlaces de submenú. */ .dmc-menu-links { padding: 0 14px 6px; } .dmc-menu-links-simple { padding: 0 0 12px; } .dmc-menu-loose-links { margin-bottom: 10px; padding: 0; } .dmc-menu-link { min-height: 52px; display: flex; align-items: center; gap: 11px; padding: 10px 0; border-top: 1px solid var(--dmc-line); color: var(--dmc-ink); text-decoration: none; font-size: 15px; line-height: 1.35; } .dmc-menu-link-item:first-child > .dmc-menu-link { border-top: 0; } .dmc-menu-link:active { color: var(--dmc-blue); } /* * Icono solicitado: * * ↗ */ .dmc-link-icon { width: 30px; height: 30px; flex: none; display: grid; place-items: center; padding: 0 0 2px; border-radius: 9px; background: var(--dmc-tile); color: var(--dmc-blue); font-size: 19px; font-weight: 600; line-height: 1; } /* * Pie inferior. * * Solo contiene la moneda. * No contiene el botón Iniciar sesión. */ .dmc-menu-drawer-footer { flex: none; display: flex; align-items: center; padding: 12px 16px calc( 14px + env(safe-area-inset-bottom) ); border-top: 1px solid var(--dmc-line); background: #FFFFFF; } .dmc-menu-currency { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--dmc-line); border-radius: 11px; background: #FFFFFF; color: var(--dmc-ink); font-size: 14px; font-weight: 600; cursor: default; } .dmc-menu-flag { width: 22px; height: 15px; display: block; overflow: hidden; border-radius: 2px; } .dmc-menu-currency .dmc-menu-chev { width: 15px; height: 15px; } #dmc-menu-root [hidden] { display: none !important; } #dmc-menu-root :focus-visible { outline: 3px solid #7FA9FF; outline-offset: 2px; border-radius: 6px; } /* * Solo se oculta el menú móvil original. * El header no se oculta ni se reemplaza. */ @media ( max-width:${BREAKPOINT}px ) { .dmc-menu-source-hidden { display: none !important; } } /* * En escritorio se conserva el menú original. */ @media ( min-width:${BREAKPOINT + 1}px ) { #dmc-menu-root { display: none !important; } html.dmc-menu-lock, body.dmc-menu-lock { overflow: auto !important; } } @media ( prefers-reduced-motion:reduce ) { #dmc-menu-root *, #dmc-menu-root *::before, #dmc-menu-root *::after { transition-duration: .01ms !important; } } `; /* * Crea únicamente el drawer. * * No se crea otro header. * No se crea buscador. * No se crea botón de inicio de sesión. */ const root = document.createElement('div'); root.id = 'dmc-menu-root'; root.innerHTML = ` `; document.head.append(style); document.body.append(root); /* * Oculta exclusivamente el menú móvil original. */ sourceWrapper.classList.add( 'dmc-menu-source-hidden' ); const overlay = $('#dmc-menu-overlay', root); const drawer = $('#dmc-menu-drawer', root); const closeButton = $('#dmc-menu-close', root); const adminBar = $('#wpadminbar'); /* * Busca el botón hamburguesa original. */ const header = sourceWrapper.closest('header') || document.querySelector('header'); const navHost = sourceWrapper.closest( '.brxe-nav-menu, .brxe-nav-nested' ) || sourceWrapper.parentElement; const toggles = new Set(); function collectToggles(scope) { if (!scope) { return; } const selectors = [ '.bricks-mobile-menu-toggle', '.brxe-nav-menu-toggle', '[data-brx-mobile-menu-toggle]', '[data-mobile-menu-toggle]', '.brxe-nav-nested .brxe-toggle' ]; scope .querySelectorAll( selectors.join(',') ) .forEach(element => { if ( !sourceWrapper.contains(element) && !root.contains(element) ) { toggles.add(element); } }); } collectToggles(navHost); collectToggles(header); /* * Método alternativo por aria-label o title. */ if ( !toggles.size && header ) { $$( 'button,[role="button"],a', header ).forEach(element => { if ( sourceWrapper.contains(element) || root.contains(element) ) { return; } const label = [ element.getAttribute( 'aria-label' ), element.getAttribute( 'title' ), element.textContent ] .filter(Boolean) .join(' '); if ( /abrir\s+(el\s+)?men[uú]|men[uú]\s+m[oó]vil|mobile\s+menu/i.test( label ) ) { toggles.add(element); } }); } const originalToggles = [...toggles]; /* * Guarda los valores originales para poder restaurarlos. */ const toggleState = originalToggles.map(element => ({ element, controls: element.getAttribute( 'aria-controls' ), expanded: element.getAttribute( 'aria-expanded' ) })); originalToggles.forEach(element => { element.setAttribute( 'aria-controls', 'dmc-menu-drawer' ); element.setAttribute( 'aria-expanded', 'false' ); }); const cleanups = []; let lastFocused = null; let hideTimer = 0; function listen( target, type, handler, options ) { target.addEventListener( type, handler, options ); cleanups.push(() => target.removeEventListener( type, handler, options ) ); } /* * Compensa la barra de administración de WordPress. */ function updateAdminOffset() { const height = adminBar && getComputedStyle( adminBar ).display !== 'none' ? Math.round( adminBar .getBoundingClientRect() .height ) : 0; root.style.setProperty( '--dmc-admin-offset', `${height}px` ); } function isMobile() { return matchMedia( `(max-width:${BREAKPOINT}px)` ).matches; } function updateToggleState(open) { originalToggles.forEach(element => { element.setAttribute( 'aria-expanded', String(open) ); }); } /* * Control de acordeones. */ function setAccordion( item, open ) { if ( !item?.matches( '[data-dmc-menu-accordion]' ) ) { return; } item.classList.toggle( 'is-open', open ); const trigger = directChild( item, child => child.matches?.( '[data-dmc-menu-trigger]' ) ); trigger?.setAttribute( 'aria-expanded', String(open) ); } /* * Abre un acordeón y cierra sus hermanos * del mismo nivel. */ function toggleAccordion(trigger) { const item = trigger.closest( '[data-dmc-menu-accordion]' ); if (!item) { return; } const wasOpen = item.classList.contains( 'is-open' ); [...item.parentElement.children] .forEach(sibling => { if ( sibling !== item && sibling.matches?.( '[data-dmc-menu-accordion]' ) ) { setAccordion( sibling, false ); } }); setAccordion( item, !wasOpen ); } /* * Abre el menú. * * Esta función no se ejecuta automáticamente. */ function openMenu() { if (!isMobile()) { console.info( `[DMC] Reduce la ventana a ${BREAKPOINT}px o menos.` ); return; } clearTimeout( hideTimer ); lastFocused = document.activeElement; overlay.hidden = false; drawer.setAttribute( 'aria-hidden', 'false' ); document .documentElement .classList .add('dmc-menu-lock'); document .body .classList .add('dmc-menu-lock'); updateToggleState(true); requestAnimationFrame(() => { overlay.classList.add( 'is-visible' ); drawer.classList.add( 'is-open' ); requestAnimationFrame(() => { closeButton.focus(); }); }); } /* * Cierra el menú. */ function closeMenu({ restoreFocus = true } = {}) { drawer.classList.remove( 'is-open' ); overlay.classList.remove( 'is-visible' ); drawer.setAttribute( 'aria-hidden', 'true' ); document .documentElement .classList .remove('dmc-menu-lock'); document .body .classList .remove('dmc-menu-lock'); updateToggleState(false); clearTimeout( hideTimer ); hideTimer = setTimeout(() => { overlay.hidden = true; }, 240); if ( restoreFocus && lastFocused instanceof HTMLElement && lastFocused.isConnected ) { lastFocused.focus({ preventScroll: true }); } } /* * Mantiene el foco dentro del drawer. */ function trapFocus(event) { if (event.key === 'Escape') { event.preventDefault(); closeMenu(); return; } if (event.key !== 'Tab') { return; } const focusables = $$( [ 'a[href]', 'button:not([disabled])', '[tabindex]:not([tabindex="-1"])' ].join(','), drawer ).filter(element => !element.hidden && element.getClientRects().length > 0 ); if (!focusables.length) { return; } const first = focusables[0]; const last = focusables[ focusables.length - 1 ]; if ( event.shiftKey && document.activeElement === first ) { event.preventDefault(); last.focus(); } else if ( !event.shiftKey && document.activeElement === last ) { event.preventDefault(); first.focus(); } } function isToggleClick(target) { return originalToggles.some(toggle => toggle === target || toggle.contains(target) ); } /* * Reutiliza el botón hamburguesa original del header. */ listen( window, 'click', event => { if ( !isToggleClick( event.target ) ) { return; } event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); if ( drawer.classList.contains( 'is-open' ) ) { closeMenu(); } else { openMenu(); } }, true ); /* * Cierre por botón. */ listen( closeButton, 'click', () => closeMenu() ); /* * Cierre al pulsar fuera. */ listen( overlay, 'click', () => closeMenu() ); /* * Cierre con Escape y control del foco. */ listen( drawer, 'keydown', trapFocus ); /* * Acordeones y enlaces. */ listen( root, 'click', event => { const trigger = event.target.closest( '[data-dmc-menu-trigger]' ); if ( trigger && root.contains(trigger) ) { toggleAccordion(trigger); return; } const link = event.target.closest( [ '.dmc-menu-link', '.dmc-menu-btn', '.dmc-menu-direct-link' ].join(',') ); if ( link && root.contains(link) ) { closeMenu({ restoreFocus: false }); } } ); /* * Cierra el menú al pasar a escritorio. */ listen( window, 'resize', () => { updateAdminOffset(); if ( !isMobile() && drawer.classList.contains( 'is-open' ) ) { closeMenu({ restoreFocus: false }); } }, { passive: true } ); updateAdminOffset(); /* * Restaura el menú original. */ function destroy() { clearTimeout( hideTimer ); cleanups .splice(0) .forEach(cleanup => cleanup() ); document .documentElement .classList .remove('dmc-menu-lock'); document .body .classList .remove('dmc-menu-lock'); sourceWrapper.classList.remove( 'dmc-menu-source-hidden' ); toggleState.forEach(({ element, controls, expanded }) => { if (controls === null) { element.removeAttribute( 'aria-controls' ); } else { element.setAttribute( 'aria-controls', controls ); } if (expanded === null) { element.removeAttribute( 'aria-expanded' ); } else { element.setAttribute( 'aria-expanded', expanded ); } }); root.remove(); style.remove(); if ( window[API]?.root === root ) { delete window[API]; } console.info( '[DMC] Menú personalizado retirado ' + 'y menú original restaurado.' ); } /* * Funciones disponibles desde la consola. */ window[API] = { root, data, toggles: originalToggles, open: openMenu, close: closeMenu, destroy }; if (!originalToggles.length) { console.warn( '[DMC] No se encontró automáticamente ' + 'el botón hamburguesa. ' + 'Puedes abrir el menú con ' + 'DMCMobileMenuOnly.open().' ); } /* * No se ejecuta openMenu(). * El menú siempre inicia cerrado. */ console.info( '[DMC] Menú instalado e iniciado cerrado. ' + 'Sin buscador, sin barra superior interna ' + 'y sin botón de inicio de sesión.' ); })();

${esc(item.label)}

Ruta de aprendizaje: Área Deep Learning

Nada Encontrado.

Datos