<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 -->