<div class="container" style="background-color: #eeeeee; padding-top: 45px;">
  <div class="row">
    <div class="col-2">
      <!-- Columna izquierda -->
    </div>
    
    <div class="col-8" style="margin-top: 85px; margin-bottom: 60px; animation: zoom 0.9s;">
      <?php
        // Consulta para mostrar eventos
        $args = array(
          'post_type' => 'events',
          'posts_per_page' => 12,
          'order' => 'ASC'
        );
        $events = new WP_Query($args);
        if($events->have_posts()) :
          while($events->have_posts()) : $events->the_post();
            echo '<div class="event">';
            the_title('<h2>', '</h2>');
            echo '</div>';
          endwhile;
        endif;
        wp_reset_postdata();
      ?>
    </div>
    
    <div class="col-2">
      <!-- Columna derecha -->
    </div>
  </div> <!-- Fin de la fila -->
  
  <div class="section-separator" style="border-color: #292b37; background-color: #ffc107; border-width: 1px;">
    <!-- Separador -->
  </div>
</div> <!-- Fin del contenedor -->