El Tiempo
Tiempo por hora
Loading Hourly...
Tiempo Semanal
Loading Weekly...
°F|°C
Ex Presidente de FFA del Distrito de Sitios Acusado de Malversación de Fondos
Marcos Jesús Villarreal, ex presidente de la FFA, enfrenta cargos por presunta malversación de 85.000 dólares
Huracán Milton Arrasa Florida: Cómo Puede Ayudar
La Comunidad del Valle de Texas se Solidariza y Responde al Desastre
Fraudes tras el Huracán Milton: Cómo Evitar ser Víctima
Organizaciones criminales aprovechan desastres para cometer fraudes. Aprenda cómo protegerse.
Inversión de 1 millón de dólares para mejoras en el Centro de Detención y Rehabilitación Juvenil
El congresista Henry Cuellar anuncia una importante inversión para la mejora de infraestructuras y seguridad en el centro juvenil.
/* --- 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);
