1. ¿Qué representa este código?

• A) Un ícono SVG de flecha

• B) Un modal con contenido

• C) Un botón hamburguesa con 3 líneas

• D) Un menú desplegable con listas

¿Cuál de estas opciones describe mejor un “modal”?

• A) Es una ventana emergente del navegador (alert)

• B) Es una nueva pestaña que se abre automáticamente

• C) Es una ventana flotante dentro de la misma página que bloquea la interacción

• D) Es un contenedor con z-index bajo

¿Qué método JavaScript se usa comúnmente para escuchar la acción de abrir un modal?

• addStyle()

• addEventListener("click", ...)

• modal.open()

• eventListener("show")

¿Qué ventaja tiene el uso de transform: translateX() en menús responsivos?

• A) Oculta el menú para siempre

• B) Permite animar la entrada/salida sin afectar el flujo del documento

• C) Lo hace compatible solo con móviles

• D) Crea submenús automáticos

¿Qué se recomienda para centrar un modal tanto vertical como horizontalmente?

• A) float: center

• • B) display: flex; justify-content: center; align-items: center;

• text-align: center

• margin: auto 0;

¿Qué instrucción de JavaScript oculta un modal?

• A) modal.open = false;

• B) hide(modal);

• C) modal.style.display = 'none';

• D) modal.visibility = false;

¿Qué función cumple la propiedad z-index en un modal?

• A) Centrar el modal

• • B) Asegurar que el modal se muestre por encima de otros elementos

• C) Definir el tamaño del modal

• D) Cerrar el modal al hacer clic

¿Cuál evento es ideal para cerrar un modal al hacer clic fuera de su contenido?

• A) keydown

• B) click

• C) hover

• D) mousedown