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
Seattle Sounders se Prepara para Enfrentar a Tigres en el Volcán con Lecciones de Cincinnati
Seattle Sounders busca aprender de Cincinnati para enfrentarse a Tigres en el Volcán. Los Sounders se preparan intensamente para evitar los errores pasados.
América Sobrevive al Empate en el Partido Final de Concachampions
En un emocionante encuentro de Concachampions, América no logró anotar pero avanzó tras un apretado empate. Descubre cómo el equipo capitalino se salvó al final.
Juárez Logra Empate Dramático Frente a Querétaro en la Liga Mexicana
Juárez consiguió un empate épico ante Querétaro en un final lleno de emoción, consolidándose en el panorama futbolístico de la liga mexicana.
Los goles faltantes entre América y Nashville despiertan una oleada de memes virales
El reciente empate entre América y Nashville ha generado una lluvia de memes que capturan la atención de los aficionados al fútbol. [[NS_MEDIA_X]] Descubre cómo la creatividad de los fanáticos da un giro humorístico al partido.
/* --- 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);
