Serie Algodoneros vs Rieleros demo

Los Algodoneros del Unión Laguna hacen su debut en la nueva temporada 2026 de la Liga Mexicana de Béisbol (LMB) este viernes al medirse en el diamante contra los Sultanes de Monterrey. Aquí te compartimos todos los detalles que debes conocer para este esperado juego..timeline { margin: 40px auto; position: relative; } .timeline::before { content: ""; position: absolute; left: 131px; top: 20px; width: 2px; height: calc(100% - 25px); background: #ededed; margin-top: 11px; } .timeline-item { display: flex; align-items: flex-start; margin-bottom: 40px; position: relative; } /* Hora */ .timeline-time { width: 100px; text-align: right; padding-right: 20px; line-height: 15px; margin-top: 7px; } .timeline-time .hour { font-weight: bold; display: block; font-size: 1.2rem; } .timeline-time .date { font-size: 12px; color: #777; } /* Punto */ .timeline-marker { width: 12px; height: 12px; background: red; border-radius: 50%; margin-top: 10px; position: relative; left: 6px; } .timeline-item:first-child .timeline-marker { width: 6px !important; height: 6px !important; position: relative; border: 1px solid red; left: 8px !important; margin-right: 5px; } .timeline-item:first-child .timeline-marker::after { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; border: 2px solid red; border-radius: 50%; transform: translate(-50%, -50%); } /* Contenido */ .timeline-content { background: #fff; /*padding: 15px 20px;*/ padding: 0 20px; margin-left: 20px; border-radius: 6px; /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*/ flex: 1; margin-right: 5px; } .timeline-content h3 { margin: 0 0 10px; font-size: 1.5rem !important; line-height: 2rem !important; } .timeline-content p { margin: 0; color: #555; line-height: 1.5; font-size: 1.1rem } .timelinefb{ height: auto; min-height: 250px; } .timeline-iframe{ margin: 1.28rem auto; position: relative; overflow: hidden; } .timeline-iframe iframe{ width:100%; overflow: hidden; } .timeline-media { margin-top: 10px; width: 100%; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .timeLine-labelinfo { display: block; margin-top: 8px; font-size: 0.4em; color: #999; opacity: 0.7; text-align: right; font-style: italic; transition: opacity 0.2s ease; } .timeLine-labelinfo { transition: opacity 0.3s ease, transform 0.3s ease; } .timeLine-labelinfo.fade-update { opacity: 0; transform: translateY(2px); } .timeLine-labelinfo.fade-in { opacity: 1; transform: translateY(0); } .live-badge-minimal { display: inline-flex; align-items: center; gap: 3px; background: #E00010; color: #FFF; font-family: var(--font1); font-weight: 900; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; padding: 3px 7px 3px 4px; border-radius: 15px; border: 1.5px solid #FFF; cursor: default; user-select: none; line-height: 1; } .live-badge-minimal .dot-core { background: #FFF; } .live-badge-minimal .dot-ring { border-color: rgba(255, 116, 116, 0.45); } .dot-wrap { display: flex; align-items: center; justify-content: center; width: 1rem; height:1rem; position: relative; /* { const fecha = el.getAttribute("data-time"); const tiempoRegistro = new Date(fecha).getTime(); const ahora = new Date().getTime(); const diferencia = Math.floor((ahora - tiempoRegistro) / 1000); let texto = ""; if (diferencia < 60) { texto = "Actualizado hace unos segundos"; } else if (diferencia < 3600) { const min = Math.floor(diferencia / 60); texto = "Actualizado hace "+min+" min"; } else if (diferencia < 86400) { const hrs = Math.floor(diferencia / 3600); texto = "Actualizado hace "+hrs+" hrs"; } else { const dias = Math.floor(diferencia / 86400); texto = "Actualizado hace "+dias+" días"; } // solo animar si cambió el texto if (el.textContent !== texto) { el.classList.add("fade-update"); setTimeout(() => { el.textContent = texto; el.classList.remove("fade-update"); el.classList.add("fade-in"); setTimeout(() => { el.classList.remove("fade-in"); }, 300); }, 150); } }); } actualizarTiempos(); setInterval(actualizarTiempos, 10000);

Serie Algodoneros vs Rieleros demo

Video

Primera entrada

Segunda entrada