CONOCE NUESTROS MODELOS

<script>
    // Selecciona todas las imágenes con la clase 'mostrar-seccion'
    const triggers = document.querySelectorAll('.mostrar-seccion');

    // Agrega un evento de clic a cada elemento de la clase 'mostrar-seccion'
    triggers.forEach(function (trigger) {
      trigger.addEventListener('click', function (e) {
        e.preventDefault(); // Evita el comportamiento por defecto del enlace

        const targetSection = this.querySelector('img').getAttribute('data-target');
        console.log('Sección objetivo:', targetSection);

        // Oculta todas las secciones que quieres controlar
        document.querySelectorAll('.seccion').forEach(function (section) {
          section.style.display = 'none';
        });

        // Muestra la sección correspondiente
        const sectionToShow = document.getElementById(targetSection);
        if (sectionToShow) {
          sectionToShow.style.display = 'block';
          console.log('Mostrando sección:', sectionToShow);
        } else {
          console.log('Sección no encontrada:', targetSection);
        }
      });
    });

</script>