(() => { 'use strict'; const API = 'DMCMobileMenuOnly'; const BREAKPOINT = 991; /* ========================================================= LIMPIAR VERSIONES ANTERIORES ========================================================= */ [ 'DMCMobileMenuOnly', 'DMCMobileMenuV2', 'DMCScreenshotMenu' ].forEach(name => { try { window[name]?.destroy?.(); } catch (error) { console.warn(error); } }); document .getElementById('dmc-menu-root') ?.remove(); document .getElementById('dmc-menu-only-styles') ?.remove(); document .querySelectorAll('.dmc-menu-source-hidden') .forEach(element => { element.classList.remove( 'dmc-menu-source-hidden' ); }); /* ========================================================= BUSCAR MENÚ 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 código.' ); return; } const sourceWrapper = sourceMenu.closest( 'nav.bricks-mobile-menu-wrapper' ) || sourceMenu.parentElement; /* ========================================================= HELPERS ========================================================= */ 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] ); /* ========================================================= LEER MENÚ ORIGINAL ========================================================= */ 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; } /* ========================================================= ICONOS ========================================================= */ const chevron = ` `; const arrow = ` `; const closeIcon = ` `; /* ========================================================= ATRIBUTOS DE LINKS ========================================================= */ 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(' '); } 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; } } /* ========================================================= LINKS INTERNOS ========================================================= */ function childLink(item) { return ` `; } /* ========================================================= SUBMENÚ SIMPLE ========================================================= */ 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 ` `; } /* ========================================================= PROGRAMAS ========================================================= */ function programsPanel( 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 `

Ver todos los programas ${arrow}

`; } /* ========================================================= MENÚ PRINCIPAL ========================================================= */ function topItem( item, index ) { const isPrograms = normalize(item.label) === 'programas'; const className = [ 'dmc-menu-nav-item', isPrograms ? 'dmc-is-programs' : '' ] .filter(Boolean) .join(' '); /* * LINK DIRECTO * * Sin: * - chevron * - acordeón * - navbar interior */ if (!item.children.length) { return `

`; } /* * ELEMENTO CON SUBMENÚ */ return `

${ isPrograms ? programsPanel( item, index ) : simplePanel( item, index ) }

`; } /* ========================================================= ESTILOS ========================================================= */ const style = document.createElement( 'style' ); style.id = 'dmc-menu-only-styles'; style.textContent = ` #dmc-menu-root { --dmc-menu-top: 0px; --dmc-ink: #0E1626; --dmc-ink-2: #4A5568; --dmc-ink-3: #8792A6; --dmc-line: #E4E8EF; --dmc-line-2: #EEF1F6; --dmc-paper: #FFFFFF; --dmc-paper-2: #F5F7FA; --dmc-brand: #1E56E8; --dmc-brand-dark: #1642B8; --dmc-brand-wash: #EDF2FE; --dmc-ease: cubic-bezier( .22, .61, .36, 1 ); --dmc-ease-out: cubic-bezier( .16, 1, .3, 1 ); position: relative; z-index: 2147483000; color: var(--dmc-ink); font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", 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, #dmc-menu-root a { font: inherit; -webkit-tap-highlight-color: transparent; } #dmc-menu-root button { cursor: pointer; } #dmc-menu-root a { text-decoration: none; } /* ===================================================== DRAWER ===================================================== */ .dmc-menu-drawer { position: fixed; top: var(--dmc-menu-top); right: 0; bottom: 0; left: 0; z-index: 2147483000; width: 100%; background: var(--dmc-paper); color: var(--dmc-ink); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity .24s var(--dmc-ease), transform .34s var(--dmc-ease-out), visibility .24s; } .dmc-menu-drawer.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } /* ===================================================== BOTÓN CERRAR Inspirado en la plantilla. ===================================================== */ .dmc-menu-close { position: absolute; top: 8px; right: 10px; z-index: 10; width: 44px; height: 44px; display: grid; place-items: center; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--dmc-ink-2); cursor: pointer; transition: background .2s var(--dmc-ease), transform .2s var(--dmc-ease), color .2s var(--dmc-ease); } .dmc-menu-close:hover { background: var(--dmc-paper-2); color: var(--dmc-ink); } .dmc-menu-close:active { transform: scale(.90); background: var(--dmc-paper-2); } .dmc-menu-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ===================================================== CONTENIDO SCROLL ===================================================== */ .dmc-menu-drawer-scroll { height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; /* * Espacio superior para el botón cerrar. */ padding: 58px 0 calc( 28px + env( safe-area-inset-bottom ) ); background: var(--dmc-paper); } /* ===================================================== LISTAS ===================================================== */ .dmc-menu-nav, .dmc-menu-sublist, .dmc-menu-linklist { margin: 0; padding: 0; list-style: none; } /* ===================================================== ITEMS PRINCIPALES ===================================================== */ .dmc-menu-nav-item { margin: 0 16px; border-bottom: 1px solid var(--dmc-line-2); } .dmc-menu-nav-item:last-child { border-bottom: 0; } /* ===================================================== FILA PRINCIPAL ===================================================== */ .dmc-menu-row { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 8px 0; border: 0; background: transparent; color: var(--dmc-ink); text-align: left; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 1.35; transition: color .2s var(--dmc-ease), opacity .2s var(--dmc-ease); } .dmc-menu-row:active { opacity: .55; } /* * Más padding en Programas. */ .dmc-is-programs > .dmc-menu-row { min-height: 64px; padding: 13px 0; } /* * Abierto. */ .dmc-menu-nav-item.is-open > .dmc-menu-row { color: var(--dmc-brand-dark); font-weight: 500; } /* ===================================================== LINK DIRECTO ===================================================== */ .dmc-is-direct > .dmc-menu-direct-link { justify-content: flex-start; color: var(--dmc-ink); font-weight: 400; } /* * Links directos jamás muestran flecha. */ .dmc-is-direct .dmc-menu-chev { display: none !important; } /* ===================================================== CHEVRON ===================================================== */ .dmc-menu-chev { width: 18px; height: 18px; flex: 0 0 auto; margin-left: auto; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; color: var(--dmc-ink-3); transition: transform .34s var(--dmc-ease-out), color .2s var(--dmc-ease); } .dmc-menu-nav-item.is-open > .dmc-menu-row .dmc-menu-chev { transform: rotate(180deg); color: var(--dmc-brand); } /* ===================================================== ACORDEÓN ===================================================== */ .dmc-menu-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .38s var(--dmc-ease-out); } [data-dmc-menu-accordion].is-open > .dmc-menu-panel { grid-template-rows: 1fr; } .dmc-menu-panel-inner { min-height: 0; overflow: hidden; } /* ===================================================== SUBLISTA + LÍNEA AZUL ===================================================== */ .dmc-menu-sublist { margin: 0 0 12px; padding: 2px 0 2px 15px; border-left: 2px solid var(--dmc-brand); } /* ===================================================== SEGUNDO NIVEL ===================================================== */ .dmc-menu-sub-row { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 0; border: 0; background: transparent; color: var(--dmc-ink-2); text-align: left; font-size: 15px; font-weight: 400; line-height: 1.35; transition: color .2s var(--dmc-ease), opacity .2s var(--dmc-ease); } .dmc-menu-sub-row:active { opacity: .55; } .dmc-menu-sub-row .dmc-menu-chev { width: 16px; height: 16px; } .dmc-menu-sub-item.is-open > .dmc-menu-sub-row { color: var(--dmc-brand-dark); font-weight: 500; } .dmc-menu-sub-item.is-open > .dmc-menu-sub-row .dmc-menu-chev { transform: rotate(180deg); color: var(--dmc-brand); } /* ===================================================== TERCER NIVEL ===================================================== */ .dmc-menu-linklist { margin: 0 0 8px; padding: 2px 0 5px 12px; } /* ===================================================== LINKS INTERNOS ===================================================== */ .dmc-menu-child-link { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 6px 0; color: var(--dmc-ink-2); text-decoration: none; font-size: 15px; font-weight: 400; line-height: 1.35; transition: color .18s var(--dmc-ease), opacity .18s var(--dmc-ease); } .dmc-menu-linklist .dmc-menu-child-link { min-height: 42px; font-size: 14px; } .dmc-menu-child-link:hover, .dmc-menu-child-link:active { color: var(--dmc-brand-dark); } .dmc-menu-child-link:active { opacity: .7; } .dmc-menu-child-text { min-width: 0; } /* ===================================================== ICONO ↗ ===================================================== */ .dmc-link-icon { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; padding: 0 0 2px; border-radius: 8px; background: var(--dmc-brand-wash); color: var(--dmc-brand); font-size: 17px; font-weight: 500; line-height: 1; transition: transform .2s var(--dmc-ease-out); } .dmc-menu-child-link:hover .dmc-link-icon { transform: translate( 1px, -1px ); } .dmc-menu-child-link:active .dmc-link-icon { transform: scale(.94); } /* ===================================================== VER TODOS LOS PROGRAMAS ===================================================== */ .dmc-menu-all-item { margin: 2px 0 0; } .dmc-menu-all-link { min-height: 48px; display: flex; align-items: center; justify-content: flex-start; gap: 6px; color: var(--dmc-brand); font-size: 15px; font-weight: 500; line-height: 1.35; text-decoration: none; } .dmc-menu-arrow { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--dmc-ease); } .dmc-menu-all-link:hover .dmc-menu-arrow { transform: translateX(3px); } /* ===================================================== ANIMACIÓN DE ENTRADA ===================================================== */ .dmc-menu-drawer.is-open .dmc-menu-nav-item { animation: dmc-menu-rise .44s var(--dmc-ease-out) backwards; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(1) { animation-delay: .04s; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(2) { animation-delay: .08s; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(3) { animation-delay: .12s; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(4) { animation-delay: .16s; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(5) { animation-delay: .20s; } .dmc-menu-drawer.is-open .dmc-menu-nav-item:nth-child(6) { animation-delay: .24s; } @keyframes dmc-menu-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* ===================================================== FOCUS ===================================================== */ #dmc-menu-root :focus-visible { outline: 2px solid var(--dmc-brand); outline-offset: 2px; border-radius: 4px; } /* ===================================================== MOBILE ===================================================== */ @media ( max-width: ${BREAKPOINT}px ) { .dmc-menu-source-hidden { display: none !important; } } /* ===================================================== DESKTOP ===================================================== */ @media ( min-width: ${BREAKPOINT + 1}px ) { #dmc-menu-root { display: none !important; } html.dmc-menu-lock, body.dmc-menu-lock { overflow: auto !important; } } /* ===================================================== REDUCED MOTION ===================================================== */ @media ( prefers-reduced-motion: reduce ) { #dmc-menu-root *, #dmc-menu-root *::before, #dmc-menu-root *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; } } `; /* ========================================================= CREAR DRAWER ========================================================= */ const root = document.createElement( 'div' ); root.id = 'dmc-menu-root'; root.innerHTML = ` `; document.head.append( style ); document.body.append( root ); /* * Ocultar exclusivamente menú móvil original. */ sourceWrapper.classList.add( 'dmc-menu-source-hidden' ); const drawer = $( '#dmc-menu-drawer', root ); const closeButton = $( '#dmc-menu-close', root ); const adminBar = $('#wpadminbar'); /* ========================================================= HEADER EXISTENTE Solo para conocer dónde comienza el menú. No se cambia su diseño. ========================================================= */ const header = sourceWrapper.closest( 'header' ) || document.querySelector( 'header' ); const navHost = sourceWrapper.closest( '.brxe-nav-menu, .brxe-nav-nested' ) || sourceWrapper.parentElement; /* ========================================================= BUSCAR HAMBURGUESA ORIGINAL ========================================================= */ 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 ); /* * Búsqueda alternativa. */ 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]; /* ========================================================= GUARDAR ESTADO ORIGINAL ========================================================= */ 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' ); } ); /* ========================================================= EVENTOS ========================================================= */ const cleanups = []; let lastFocused = null; function listen( target, type, handler, options ) { target.addEventListener( type, handler, options ); cleanups.push( () => target.removeEventListener( type, handler, options ) ); } function isMobile() { return matchMedia( `(max-width:${BREAKPOINT}px)` ).matches; } function isVisible( element ) { if (!element) { return false; } const styles = getComputedStyle( element ); return ( styles.display !== 'none' && styles.visibility !== 'hidden' ); } /* ========================================================= POSICIÓN DEBAJO DEL HEADER ========================================================= */ function updateTop() { let top = 0; if ( isVisible( adminBar ) ) { top = Math.max( top, adminBar .getBoundingClientRect() .bottom ); } if ( isVisible( header ) ) { top = Math.max( top, header .getBoundingClientRect() .bottom ); } top = Math.max( 0, Math.min( innerHeight - 1, Math.round(top) ) ); root.style.setProperty( '--dmc-menu-top', `${top}px` ); } function updateToggleState( open ) { originalToggles.forEach( element => { element.setAttribute( 'aria-expanded', String(open) ); } ); } /* ========================================================= 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) ); /* * Si se cierra el padre, * cerrar niveles internos. */ if (!open) { item .querySelectorAll( '[data-dmc-menu-accordion].is-open' ) .forEach(child => { child.classList.remove( 'is-open' ); directChild( child, element => element.matches?.( '[data-dmc-menu-trigger]' ) )?.setAttribute( 'aria-expanded', 'false' ); }); } } function toggleAccordion( trigger ) { const item = trigger.closest( '[data-dmc-menu-accordion]' ); if (!item) { return; } const wasOpen = item.classList.contains( 'is-open' ); /* * Cerrar hermanos. */ [ ...item.parentElement.children ].forEach(sibling => { if ( sibling !== item && sibling.matches?.( '[data-dmc-menu-accordion]' ) ) { setAccordion( sibling, false ); } }); setAccordion( item, !wasOpen ); } /* ========================================================= PROGRAMAS ABIERTO AL INICIO ========================================================= */ const programsItem = $( '.dmc-is-programs[data-dmc-menu-accordion]', root ); if (programsItem) { setAccordion( programsItem, true ); } /* ========================================================= ABRIR ========================================================= */ function openMenu() { if (!isMobile()) { console.info( `[DMC] Reduce la ventana a ${BREAKPOINT}px o menos.` ); return; } updateTop(); lastFocused = document.activeElement; drawer.setAttribute( 'aria-hidden', 'false' ); document .documentElement .classList .add( 'dmc-menu-lock' ); document .body .classList .add( 'dmc-menu-lock' ); updateToggleState( true ); requestAnimationFrame( () => { drawer.classList.add( 'is-open' ); /* * Llevar foco al cerrar, * como en la plantilla. */ setTimeout( () => { closeButton.focus({ preventScroll: true }); }, 100 ); } ); } /* ========================================================= CERRAR ========================================================= */ function closeMenu({ restoreFocus = true } = {}) { drawer.classList.remove( 'is-open' ); drawer.setAttribute( 'aria-hidden', 'true' ); document .documentElement .classList .remove( 'dmc-menu-lock' ); document .body .classList .remove( 'dmc-menu-lock' ); updateToggleState( false ); if ( restoreFocus && lastFocused instanceof HTMLElement && lastFocused.isConnected ) { setTimeout( () => { lastFocused.focus({ preventScroll: true }); }, 50 ); } } /* ========================================================= CLICK HAMBURGUESA ========================================================= */ function isToggleClick( target ) { return originalToggles.some( toggle => toggle === target || toggle.contains( target ) ); } 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 ); /* ========================================================= BOTÓN CERRAR ========================================================= */ listen( closeButton, 'click', () => { closeMenu(); } ); /* ========================================================= CLICKS DENTRO DEL MENÚ ========================================================= */ listen( root, 'click', event => { /* * Acordeón. */ const trigger = event.target.closest( '[data-dmc-menu-trigger]' ); if ( trigger && root.contains( trigger ) ) { event.preventDefault(); toggleAccordion( trigger ); return; } /* * Links reales. */ const link = event.target.closest( [ '.dmc-menu-child-link', '.dmc-menu-all-link', '.dmc-menu-direct-link' ].join(',') ); if ( link && root.contains( link ) ) { closeMenu({ restoreFocus: false }); } } ); /* ========================================================= ESCAPE ========================================================= */ listen( drawer, 'keydown', event => { if ( event.key === 'Escape' ) { event.preventDefault(); closeMenu(); } } ); /* ========================================================= RESIZE ========================================================= */ listen( window, 'resize', () => { updateTop(); if ( !isMobile() && drawer.classList.contains( 'is-open' ) ) { closeMenu({ restoreFocus: false }); } }, { passive: true } ); updateTop(); /* ========================================================= DESTROY ========================================================= */ function destroy() { 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ú eliminado y menú original restaurado.' ); } /* ========================================================= API ========================================================= */ window[API] = { root, data, toggles: originalToggles, open: openMenu, close: closeMenu, destroy }; if ( !originalToggles.length ) { console.warn( '[DMC] No se encontró automáticamente el hamburguesa. ' + 'Puedes abrir con DMCMobileMenuOnly.open().' ); } console.info( '[DMC] Menú instalado: acordeones + links ↗ + links directos + botón cerrar.' ); })();

Ruta de aprendizaje: DA-Ruta 3 Diplomas

Diploma AI Data Scientist

Datos