El Tiempo
Radar
Loading Radar...
Detalles
--°
HUMEDAD
--%
VIENTO
--
SENSACIÓN TÉRMICA
--°
°F | °C
--°
...
MIN/MÁX
--°/--°
Tiempo por hora
Loading Hourly...
Tiempo Semanal
Loading Weekly...
°F|°C
Ira al Volante en Albuquerque: Detención de Cecilio Lopez tras Muerte de Adolescente
Un incidente de ira al volante en Albuquerque cobró la vida de un joven de 19 años, mientras el sospechoso, Cecilio Lopez, permanece detenido. El caso ha conmocionado a la comunidad y sigue bajo investigación.
Violencia Doméstica en Las Vegas: Tiroteo Mortal y Herido Grave en Complejo Residencial
Un trágico tiroteo en un complejo residencial al sur de Las Vegas deja una mujer muerta y un hombre gravemente herido tras un conflicto de violencia doméstica.
Accidente Mortal en El Paso: Tragedia que Llama a Mejorar la Seguridad Vial
Un trágico accidente en El Paso, en el que María Patrocínio Longoria perdió la vida, pone de manifiesto la necesidad urgente de mejorar la seguridad vial en la ciudad.
Bomberos de Tijuana protestan por sueldos precarios y exigen atención inmediata
Los bomberos de Tijuana se manifestaron frente al Palacio Municipal para denunciar los bajos salarios y exigir mejoras laborales, tras meses sin respuesta oficial.
/* --- 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);
