EN VIVO: Argentina y Suiza se enfrentará en duelo por las semifinales del Mundial 2026

La Albiceleste, vigente campeona del mundo, buscará imponer su jerarquía ante un conjunto suizo que ha sorprendido con su solidez defensiva y llega dispuesto a dar otro golpe en la Copa del Mundo.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);