El Tiempo
Tiempo por hora
Loading Hourly...
Tiempo Semanal
Loading Weekly...
°F|°C
Viacrucis Viviente en Salinas: Reviven la Pasión de Cristo en la Iglesia Santa María
Cientos se congregaron en la iglesia Santa María de Salinas para el Viacrucis viviente, recordando la pasión y muerte de Jesucristo en un evento conmovedor.
Seguridad en Vehículos Todo Terreno: Recomendaciones para un Uso Responsable durante Festividades
Durante las festividades, la seguridad en los vehículos todo terreno es crucial para evitar accidentes. El Departamento de Seguridad Pública insta a un uso responsable para proteger a conductores y pasajeros.
Vía Crucis reúne a la comunidad en South Valley de Albuquerque
El Viernes Santo, cientos de fieles celebraron una emotiva peregrinación del Vía Crucis en el South Valley de Albuquerque, organizado por la Abadía Norbertina.
Seguridad Vial en Riesgo: Urgen Cambios en Charleston y Mojave tras Repetidos Accidentes
Los vecinos de Las Vegas exigen mejoras en la seguridad vial de Charleston y Mojave después de sufrir varios accidentes graves. La comunidad busca cambios en la infraestructura para proteger a peatones y conductores.
/* --- Grid Setup --- */
.blog-four-cols .et_pb_ajax_pagination_container {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; /* Default 4 columns */
gap: 20px !important;
}
/* --- Card Setup --- */
.blog-four-cols .et_pb_post {
width: 100% !important;
margin: 0 !important;
float: none !important;
position: relative;
min-height: 380px;
height: auto;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
box-shadow: 0 10px 24px rgba(0,0,0,.25);
background-color: #17172f;
transition: transform 0.3s ease;
border-top: 6px solid #810000 !important;
}
.blog-four-cols .entry-featured-image-url,
.blog-four-cols .et_pb_image_container {
display: none !important;
}
.blog-four-cols .entry-title {
color: #fff !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-transform: uppercase;
padding: 15px 20px !important;
margin: 0 !important;
z-index: 2;
}
/* --- Hover Overlay --- */
.blog-four-cols .post-content {
position: absolute !important;
inset: 0;
background: rgba(46, 140, 255, 0.98);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px;
z-index: 3;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease;
margin: 0 !important;
}
.blog-four-cols .et_pb_post:hover .post-content {
opacity: 1;
visibility: visible;
}
.blog-four-cols .post-content p,
.blog-four-cols .post-content-inner p {
color: #17172F !important;
font-size: 14px !important;
line-height: 1.3 !important;
}
.bolded-excerpt {
font-weight: 800 !important;
font-size: 17px !important;
display: block;
margin-bottom: 5px;
color: #17172F !important;
}
.blog-four-cols .more-link {
display: inline-block !important;
background: #810000 !important;
color: #fff !important;
padding: 6px 12px !important;
text-transform: uppercase;
align-self: flex-start;
font-size: 11px !important;
font-weight: 700 !important;
}
/* --- WP-PageNavi Pagination Fix --- */
.blog-four-cols .et_pb_ajax_pagination_container > div:last-child,
.blog-four-cols .wp-pagenavi {
grid-column: 1 / -1 !important; /* This makes pagination span the full width */
width: 100% !important;
margin: 50px 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none !important;
padding: 8px 16px !important;
font-size: 32px !important;
color: #17172F !important;
font-weight: 700 !important;
border: none !important;
background: transparent !important;
}
.wp-pagenavi span.current {
border-bottom: 4px solid #810000 !important;
}
.nextpostslink svg, .previouspostslink svg {
width: 45px !important;
height: 45px !important;
vertical-align: middle;
}
/* --- Responsive Breakpoints --- */
/* Tablet (3 Columns) */
@media (max-width: 1024px) {
.blog-four-cols .et_pb_ajax_pagination_container {
grid-template-columns: repeat(3, 1fr) !important;
}
}
/* Mobile (2 Columns) */
@media (max-width: 767px) {
.blog-four-cols .et_pb_ajax_pagination_container {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.blog-four-cols .et_pb_post {
min-height: 320px;
}
.wp-pagenavi a, .wp-pagenavi span {
font-size: 22px !important;
padding: 5px 8px !important;
}
.nextpostslink svg, .previouspostslink svg {
width: 30px !important;
height: 30px !important;
}
}
/* Small Phones (Keep 2 Columns or drop to 1 if preferred) */
@media (max-width: 480px) {
/* If you want 1 column on very small phones, change 'repeat(2, 1fr)' to '1fr' */
.blog-four-cols .et_pb_ajax_pagination_container {
grid-template-columns: repeat(2, 1fr) !important;
}
}
(function($) {
var observer;
var selector = '.blog-four-cols';
function runEditorialLogic() {
var $posts = $(selector).find('.et_pb_post').not('.js-processed');
if ($posts.length === 0) return;
if (observer) observer.disconnect();
$posts.each(function() {
var $post = $(this);
// Image handling
var $img = $post.find('.entry-featured-image-url img').first();
var imgSrc = $img.attr('src') || $img.attr('data-src');
if (imgSrc && imgSrc.indexOf('data:image') === -1) {
$post.css({
'background-image': 'linear-gradient(180deg, rgba(23,23,47,.3) 0%, rgba(23,23,47,.9) 100%), url(' + imgSrc + ')',
'background-size': 'cover',
'background-position': 'center'
});
}
// Excerpt bolding & 50 word limit
var $p = $post.find('.post-content-inner p').first();
if ($p.length && !$p.hasClass('js-bolded')) {
var words = $p.text().trim().split(/s+/);
var isTruncated = false;
if (words.length > 50) {
words = words.slice(0, 50);
isTruncated = true;
}
if (words.length > 2) {
var bold = words.slice(0, 2).join(' ');
var rest = words.slice(2).join(' ');
var finalHTML = '' + bold + ' ' + rest;
if (isTruncated) finalHTML += '...';
$p.html(finalHTML);
}
$p.addClass('js-bolded');
}
$post.find('.more-link').text('Leer más...');
$post.addClass('js-processed');
});
startObserving();
}
function startObserving() {
var target = document.querySelector(selector);
if (target && observer) {
observer.observe(target, { childList: true, subtree: true });
}
}
$(document).ready(function() {
observer = new MutationObserver(runEditorialLogic);
runEditorialLogic();
startObserving();
$(document).on('et_pb_ajax_pagination_paged', function() {
setTimeout(runEditorialLogic, 600);
});
});
})(jQuery);
