El Tiempo
Tiempo por hora
Loading Hourly...
Tiempo Semanal
Loading Weekly...
°F|°C
Ciudad de Mission solicita declaración de emergencia tras ciberataque
Hasta el momento, no se ha confirmado el origen del ataque ni el alcance total del daño, pero se espera que el gobierno estatal brinde apoyo en las próximas horas.
Adolescente se declara culpable de asesinato en Cameron Park
Manuel Faustino Martinez, 16 años de edad...
Alertan de gato montes en el área de Cimarron en Mission
Mission, Texas - Se ha alertado de un gato...
Tras las rejas por tirar basura de manera ilegal en Edinburg
Juan Carlos Ríos como el responsable de haber vertido la basura en dichos lugares.
/* --- 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);
