1<!DOCTYPE html> 2<html lang="es-CO"> 3<head> 4 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>IFM Play â Televisión en vivo | Programas</title> 8 <meta name="description" content="Mira IFM Play, el canal de televisión de IFM Noticias. Señal en vivo, programas y entrevistas desde MedellÃn, Colombia."> 9 <link rel="canonical" href="https://ifmnoticias.com/play/"> 10 <meta name="robots" content="index, follow, max-image-preview:large"> 11 12 <!-- Open Graph --> 13 <meta property="og:title" content="IFM Play â Televisión en vivo | Programas"> 14 <meta property="og:description" content="Mira IFM Play, el canal de televisión de IFM Noticias. Señal en vivo, programas y entrevistas desde MedellÃn, Colombia."> 15 <meta property="og:image" content="https://ifmnoticias.com/img/og-default.png"> 16 <meta property="og:image:width" content="1200"> 17 <meta property="og:image:height" content="630"> 18 <meta property="og:url" content="https://ifmnoticias.com/play/"> 19 <meta property="og:type" content="website"> 20 <meta property="og:site_name" content="IFM Noticias"> 21 <meta property="og:locale" content="es_CO"> 22 23 24 <!-- Twitter Card --> 25 <meta name="twitter:card" content="summary_large_image"> 26 <meta name="twitter:title" content="IFM Play â Televisión en vivo | Programas"> 27 <meta name="twitter:description" content="Mira IFM Play, el canal de televisión de IFM Noticias. Señal en vivo, programas y entrevistas desde MedellÃn, Colombia."> 28 <meta name="twitter:image" content="https://ifmnoticias.com/img/og-default.png"> 29 <meta name="twitter:site" content="@ifmnoticias"> 30 31 <!-- GEO / Regional --> 32 <meta name="geo.region" content="CO-ANT"> 33 <meta name="geo.placename" content="MedellÃn, Colombia"> 34 35 <!-- Paginación --> 36 37 38 39 <!-- Google News --> 40 <meta name="news_keywords" content="noticias colombia, medellÃn, antioquia, polÃtica, economÃa"> 41 42 <!-- Focus styles + colapso de anuncios sin llenar (evita espacios en blanco) --> 43 <style>:focus-visible{outline:2px solid #E87820;outline-offset:2px;border-radius:4px}.feed-ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]),.adsense-server-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}</style> 44 45 <!-- Favicons --> 46 <link rel="icon" type="image/svg+xml" href="/img/favicon.svg"> 47 <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32.png"> 48 <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16.png"> 49 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon-180.png"> 50 51 <!-- CSS (preload para FCP rápido) --> 52 <link rel="preload" href="/css/main.css?v=1790290084000" as="style"> 53 <link rel="stylesheet" href="/css/main.css?v=1790290084000"> 54 <link rel="preconnect" href="https://storage.googleapis.com"> 55 <link rel="preconnect" href="https://fonts.googleapis.com"> 56 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 57 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 58 <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"></noscript> 59 60
60<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https://ifmnoticias.com"},{"@type":"ListItem","position":2,"name":"Play"}]}</script>
60 61 62 <link rel="manifest" href="/manifest.json"> 63 <meta name="theme-color" content="#1B3070"> 64 65 <style>/* Critical CSS â inlined in every page for instant render */ 66*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid} 67html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif} 68body{margin:0;line-height:inherit} 69img,video{max-width:100%;height:auto;display:block} 70a{color:inherit;text-decoration:inherit} 71h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit} 72.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} 73.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem} 74@media(min-width:640px){.container{max-width:640px}} 75@media(min-width:768px){.container{max-width:768px}} 76@media(min-width:1024px){.container{max-width:1024px}} 77@media(min-width:1280px){.container{max-width:1280px}} 78</style> 79
79<script>if(localStorage.getItem('theme')==='dark')document.documentElement.classList.add('dark')</script>
79 80 <!-- GTM + dataLayer init --> 81
81<script>window.dataLayer=window.dataLayer||[];var sv=(document.cookie.match(/ifm_origin=([^;]+)/)||[])[1]||'new';window.dataLayer.push({site_version:sv,event:'ab_test_version'});
vendor: 323 bytes, line 81
81(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
81GTM-MHM7TPQS
vendor: 3 bytes, line 81
81');
81</script>
81 82 <!-- Meta Pixel --> 83
83<script>
vendor: 388 bytes, line 83
83!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','
832975309005841670
vendor: 27 bytes, line 83
83');fbq('track','PageView');
83</script>
83 84 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2975309005841670&ev=PageView&noscript=1"/></noscript> 85 86 87 <!-- AdSense â meta requerido para Auto Ads y verificación de propiedad --> 88 <meta name="google-adsense-account" content="ca-pub-7667037764672696"> 89 <!-- AdSense â script principal. Auto Ads desactivado (servimos slots manuales para evitar invasividad de Vignette/Anchor que cubren pantalla completa). 90 Si querés activar Auto Ads en el futuro: en panel AdSense â Sites â ifmnoticias.com â Ad formats â desactivar Vignette + Anchor + Side rail antes de activarlo aquÃ. --> 91
91<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7667037764672696" crossorigin="anonymous"></script>
91 92 <meta name="posticywebsite" content="4Y0jev2frkYrNrwHLq5R0E3Xoro0Ak"> 93<meta name="publisuites-verify-code" content="0" /> 94<meta name="google-site-verification" content="MThKz7p9hp9EGaPZw6ebkIB9HeU40LZFf4H6HePz6X4" /> 95</head> 96<body class="bg-white text-gray-900 antialiased font-sans"> 97 <!-- GTM noscript -->
vendor: 67 bytes, line 97
97<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
97GTM-MHM7TPQS
vendor: 86 bytes, lines 97-99
97" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 98 99
99<!-- Global structured data --> 100
100<script type="application/ld+json">[{"@context":"https://schema.org","@type":"NewsMediaOrganization","@id":"https://ifmnoticias.com/#organization","name":"IFM Noticias","alternateName":["IFM","IFMNoticias"],"url":"https://ifmnoticias.com","logo":{"@type":"ImageObject","url":"https://ifmnoticias.com/img/logo.png","width":664,"height":228,"caption":"IFM Noticias"},"image":["https://ifmnoticias.com/img/logo.png","https://ifmnoticias.com/img/favicon-512.png"],"sameAs":["https://www.facebook.com/ifmnoticias","https://twitter.com/ifmnoticias","https://x.com/ifmnoticias","https://www.instagram.com/ifmnoticias","https://www.youtube.com/@ifmnoticias","https://www.dailymotion.com/ifmnoticias"],"foundingDate":"2020","foundingLocation":{"@type":"Place","name":"MedellÃn, Antioquia, Colombia"},"founder":{"@type":"Person","name":"José Ignacio Penagos Hincapié"},"address":{"@type":"PostalAddress","addressLocality":"MedellÃn","addressRegion":"Antioquia","addressCountry":"CO"},"contactPoint":[{"@type":"ContactPoint","contactType":"editorial","email":"[email protected]","availableLanguage":"es"},{"@type":"ContactPoint","contactType":"corrections","email":"[email protected]","availableLanguage":"es"}],"publishingPrinciples":"https://ifmnoticias.com/politica-editorial/","correctionsPolicy":"https://ifmnoticias.com/correcciones/","ethicsPolicy":"https://ifmnoticias.com/politica-editorial/","diversityPolicy":"https://ifmnoticias.com/politica-editorial/","actionableFeedbackPolicy":"https://ifmnoticias.com/correcciones/","knowsLanguage":["es","es-CO"],"areaServed":{"@type":"Country","name":"Colombia"}},{"@context":"https://schema.org","@type":"WebSite","@id":"https://ifmnoticias.com/#website","name":"IFM Noticias","url":"https://ifmnoticias.com","publisher":{"@id":"https://ifmnoticias.com/#organization"},"inLanguage":"es-CO","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ifmnoticias.com/buscar/?q={search_term_string}"},"query-input":"required name=search_term_string"}}]</script>
100 101 102 <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:bg-[#E87820] focus:text-white focus:rounded-lg focus:text-sm focus:font-bold">Saltar al contenido</a> 103 104 105 106 <header id="site-header" class="sticky top-0 z-50 transition-shadow"> 107 108 <!-- âââ Top utility bar âââ --> 109 <div style="background:#1B3070"> 110 <div class="container mx-auto px-4 flex items-center justify-between gap-4 h-7"> 111 <div class="flex items-center gap-3 min-w-0 flex-1"> 112 <a href="/play/" class="shrink-0 flex items-center gap-1.5 text-[11px] font-bold text-white uppercase tracking-wider hover:text-[#E87820] transition-colors group"> 113 <span class="relative flex h-2 w-2"> 114 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span> 115 <span class="relative inline-flex rounded-full h-2 w-2 bg-red-500"></span> 116 </span> 117 <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 118 TV en vivo 119 </a> 120 <a href="/radio/" class="shrink-0 flex items-center gap-1.5 text-[11px] font-bold text-white uppercase tracking-wider hover:text-[#E87820] transition-colors"> 121 <span class="relative flex h-2 w-2"> 122 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#E87820] opacity-75"></span> 123 <span class="relative inline-flex rounded-full h-2 w-2 bg-[#E87820]"></span> 124 </span> 125 <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M18.364 5.636a9 9 0 010 12.728"/></svg> 126 Radio 127 </a> 128 <div id="breaking-ticker" class="text-xs text-blue-200 truncate min-w-0 flex-1 hidden sm:block"></div> 129 </div> 130 <div class="flex items-center gap-3 shrink-0"> 131 <time id="current-date" class="text-[11px] text-blue-200 whitespace-nowrap hidden sm:block"></time> 132 <div class="flex items-center gap-0.5"> 133 <a href="https://www.facebook.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center text-blue-300 hover:text-white transition-colors" aria-label="Facebook"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a> 134 <a href="https://twitter.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center text-blue-300 hover:text-white transition-colors" aria-label="X"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a> 135 <a href="https://www.instagram.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center text-blue-300 hover:text-white transition-colors" aria-label="Instagram"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a> 136 <a href="https://www.youtube.com/@ifmnoticias" class="w-8 h-8 flex items-center justify-center text-blue-300 hover:text-white transition-colors" aria-label="YouTube"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
136<path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a> 137 <a href="https://www.dailymotion.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center text-blue-300 hover:text-white transition-colors" aria-label="Dailymotion"><svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M13.11 15.489c-1.704 0-2.826-1.163-2.826-2.743 0-1.663 1.122-2.868 2.826-2.868 1.663 0 2.784 1.205 2.784 2.868 0 1.58-1.121 2.743-2.784 2.743zm6.593-12.86h-4.265v3.95l-.083-.04a5.91 5.91 0 00-3.036-.828c-1.828 0-3.494.704-4.766 2.017C6.281 9.041 5.577 10.707 5.577 12.66c0 2.118.745 3.908 2.158 5.18 1.288 1.163 2.91 1.787 4.68 1.787 1.247 0 2.41-.332 3.41-.953l.12-.082v.663h3.756V2.629z"/></svg></a> 138 </div> 139 </div> 140 </div> 141 </div> 142 143 <!-- âââ Main nav bar: logo + search + hamburger âââ --> 144 <div style="background:#475da4"> 145 <div class="container mx-auto px-4"> 146 <nav class="flex items-center justify-between h-14" aria-label="Navegación principal"> 147 <a href="/" class="shrink-0 group" aria-label="IFM Noticias â Inicio"> 148 <img src="/img/logo.png" alt="IFM Noticias" class="h-10 sm:h-11 w-auto group-hover:opacity-85 transition-opacity"> 149 </a> 150 <div class="flex items-center gap-1"> 151 <button id="dark-mode-toggle" class="w-10 h-10 flex items-center justify-center text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors" aria-label="Modo oscuro"> 152 <svg id="dm-sun" class="w-5 h-5" style="display:none" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg> 153 <svg id="dm-moon" class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/></svg> 154 </button> 155 <button id="search-toggle" class="w-10 h-10 flex items-center justify-center text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors" aria-label="Buscar"> 156 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg> 157 </button> 158 <button id="mobile-menu-toggle" class="lg:hidden w-10 h-10 flex items-center justify-center text-white/70 hover:text-white hover:bg-white/10 rounded-lg transition-colors" aria-label="Menú"> 159 <svg id="menu-icon-open" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg> 160 <svg id="menu-icon-close" class="w-5 h-5 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> 161 </button> 162 </div> 163 </nav> 164 </div> 165 </div> 166 167 <!-- âââ Desktop sections bar (mega menu) âââ --> 168 <div id="sections-bar" class="hidden lg:block border-b border-gray-200 bg-white"> 169 <div class="container mx-auto px-4"> 170 <div class="flex items-center h-10 gap-0"> 171 172 <div class="mega-dropdown" style="position:relative" data-mega="colombia"> 173 <div style="display:flex;align-items:center;gap:0"> 174 <a href="/colombia/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Colombia</a> 175 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú Colombia"> 176 <svg style="width:14px;
176height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 177 </button> 178 </div> 179 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 180 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 181 <a href="/colombia/" class="mega-panel-head">Todo Colombia</a> 182 <a href="/colombia/medellin/" class="mega-panel-item">MedellÃn</a><a href="/colombia/antioquia/" class="mega-panel-item">Antioquia</a><a href="/colombia/bogota/" class="mega-panel-item">Bogotá</a><a href="/colombia/costa-caribe/" class="mega-panel-item">Costa Caribe</a><a href="/colombia/occidente/" class="mega-panel-item">Occidente</a><a href="/colombia/oriente/" class="mega-panel-item">Oriente</a><a href="/colombia/valle-de-aburra/" class="mega-panel-item">Valle de Aburrá</a> 183 </div> 184 </div> 185 </div> 186 <div class="mega-dropdown" style="position:relative" data-mega="politica"> 187 <div style="display:flex;align-items:center;gap:0"> 188 <a href="/politica/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">PolÃtica</a> 189 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú PolÃtica"> 190 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 191 </button> 192 </div> 193 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 194 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 195 <a href="/politica/" class="mega-panel-head">Todo PolÃtica</a> 196 <a href="/elecciones2026/" class="mega-panel-item">Elecciones 2026</a><a href="/politica/candidatos-ifmnoticias/" class="mega-panel-item">Candidatos</a><a href="/politica/elecciones-2023/" class="mega-panel-item">Elecciones 2023</a><a href="/politica/elecciones-2022/" class="mega-panel-item">Elecciones 2022</a><a href="/politica/pildoras-politicas/" class="mega-panel-item">PÃldoras PolÃticas</a><a href="/politica/educar-en-democracia/" class="mega-panel-item">Educar en Democracia</a><a href="/politica/revocatoria/" class="mega-panel-item">Revocatoria</a> 197 </div> 198 </div> 199 </div> 200 <div class="mega-dropdown" style="position:relative" data-mega="economicas"> 201 <div style="display:flex;align-items:center;gap:0"> 202 <a href="/economicas/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Económicas</a> 203 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;
203border:none" aria-expanded="false" aria-label="Submenú Económicas"> 204 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 205 </button> 206 </div> 207 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 208 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 209 <a href="/economicas/" class="mega-panel-head">Todo Económicas</a> 210 <a href="/economicas/notas-economicas/" class="mega-panel-item">Notas económicas</a><a href="/economicas/empresas/" class="mega-panel-item">Empresas</a><a href="/economicas/emprendimiento/" class="mega-panel-item">Emprendimiento</a><a href="/economicas/empleo/" class="mega-panel-item">Empleo</a><a href="/economicas/automotores/" class="mega-panel-item">Automotores</a> 211 </div> 212 </div> 213 </div> 214 <div class="mega-dropdown" style="position:relative" data-mega="deportes"> 215 <div style="display:flex;align-items:center;gap:0"> 216 <a href="/deportes/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Deportes</a> 217 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú Deportes"> 218 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 219 </button> 220 </div> 221 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 222 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 223 <a href="/deportes/" class="mega-panel-head">Todo Deportes</a> 224 <a href="/deportes/mundial-2026/" class="mega-panel-item">Mundial 2026</a><a href="/deportes/futbol/" class="mega-panel-item">Fútbol</a><a href="/deportes/ciclismo/" class="mega-panel-item">Ciclismo</a><a href="/deportes/automovilismo/" class="mega-panel-item">Automovilismo</a><a href="/deportes/otros-deportes/" class="mega-panel-item">Otros deportes</a> 225 </div> 226 </div> 227 </div><a href="/judicial/" style="padding:8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Judicial</a><a href="/internacional/" style="padding:8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Internacional</a> 228 <div class="mega-dropdown" style="position:relative" data-mega="opinion"> 229 <div style="display:flex;align-items:center;gap:0"> 230 <a href="/opinion/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Opinión</a> 231 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú Opinión"> 232 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 233 </button> 234 </div> 235 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 236 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 237 <a href="/opinion/" class="mega-panel-head">Todo Opinión</a> 238 <a href="/opinion/alvaro-ramirez-gonzalez/" class="mega-panel-item">Ãlvaro RamÃrez González</a><a href="/opinion/alvaro-uribe-velez/" class="mega-panel-item">Ãlvaro Uribe Vélez</a><a href="/opinion/andres-gaviria-cano/" class="mega-panel-item">
238Andrés Gaviria Cano</a><a href="/opinion/andres-usuga/" class="mega-panel-item">Andrés Ãsuga</a><a href="/opinion/bernardo-henao-jaramillo/" class="mega-panel-item">Bernardo Henao Jaramillo</a><a href="/opinion/camilo-guzman/" class="mega-panel-item">Camilo Guzmán</a><a href="/opinion/carlos-alonso-lucio/" class="mega-panel-item">Carlos Alonso Lucio</a><a href="/opinion/carlos-betancur-galvez/" class="mega-panel-item">Carlos Betancur Gálvez</a><a href="/opinion/cesar-bedoya/" class="mega-panel-item">César Bedoya</a><a href="/opinion/columnista-invitado/" class="mega-panel-item">Columnista Invitado</a><a href="/opinion/cristian-halaby/" class="mega-panel-item">Cristian Halaby</a><a href="/opinion/daniel-carvalho/" class="mega-panel-item">Daniel Carvalho</a><a href="/opinion/diego-arango/" class="mega-panel-item">Diego Arango</a><a href="/opinion/editorial/" class="mega-panel-item">Editorial</a><a href="/opinion/eduardo-mackenzie/" class="mega-panel-item">Eduardo Mackenzie</a><a href="/opinion/federico-hoyos/" class="mega-panel-item">Federico Hoyos</a><a href="/opinion/felix-alfazar-gonzalez/" class="mega-panel-item">Félix Alfázar González</a><a href="/opinion/francisco-barbosa/" class="mega-panel-item">Francisco Barbosa</a><a href="/opinion/francois-cavard/" class="mega-panel-item">François Cavard</a><a href="/opinion/gustavo-gomez-cordoba/" class="mega-panel-item">Gustavo Gómez Córdoba</a><a href="/opinion/hector-quintero-arredondo/" class="mega-panel-item">Héctor Quintero Arredondo</a><a href="/opinion/jerome-sarabia/" class="mega-panel-item">Jerome Sarabia</a><a href="/opinion/johan-sebastian-gutierrez/" class="mega-panel-item">Johan Sebastián Gutiérrez</a><a href="/opinion/johel-moreno/" class="mega-panel-item">Johel Moreno</a><a href="/opinion/jorge-andres-rico-zapata/" class="mega-panel-item">Jorge Andrés Rico Zapata</a><a href="/opinion/jorge-enrique-velez/" class="mega-panel-item">Jorge Enrique Vélez</a><a href="/opinion/jorge-h-botero/" class="mega-panel-item">Jorge H. Botero</a><a href="/opinion/jose-felix-lafaurie-rivas/" class="mega-panel-item">José Félix Lafaurie Rivas</a><a href="/opinion/jose-ignacio-penagos-hincapie/" class="mega-panel-item">José Ignacio Penagos Hincapié</a><a href="/opinion/jose-obdulio-gaviria/" class="mega-panel-item">José Obdulio Gaviria</a><a href="/opinion/juan-espinal/" class="mega-panel-item">Juan Espinal</a><a href="/opinion/juan-jose-gomez/" class="mega-panel-item">Juan José Gómez</a><a href="/opinion/juan-ortiz-osorno/" class="mega-panel-item">Juan Ortiz Osorno</a><a href="/opinion/juliana-velasquez/" class="mega-panel-item">Juliana Velásquez</a><a href="/opinion/laura-mejia-sanin/" class="mega-panel-item">Laura MejÃa SanÃn</a><a href="/opinion/luis-guillermo-echeverry/" class="mega-panel-item">Luis Guillermo Echeverry</a><a href="/opinion/luis-guillermo-suarez/" class="mega-panel-item">Luis Guillermo Suárez</a><a href="/opinion/luis-perez-gutierrez/" class="mega-panel-item">Luis Pérez Gutiérrez</a><a href="/opinion/manuela-correa-poveda/" class="mega-panel-item">Manuela Correa Poveda</a><a href="/opinion/maria-cristina-isaza-mejia/" class="mega-panel-item">MarÃa Cristina Isaza MejÃa</a><a href="/opinion/marta-palacio/" class="mega-panel-item">Marta Palacio</a><a href="/opinion/miguel-jaramillo-lujan/" class="mega-panel-item">Miguel Jaramillo Luján</a><a href="/opinion/nos-escriben/" class="mega-panel-item">Nos Escriben</a><a href="/opinion/oscar-ricardo-colorado-barriga/" class="mega-panel-item">Ãscar Ricardo Colorado Barriga</a><a href="/opinion/paola-holguin/" class="mega-panel-item">Paola HolguÃn</a><a href="/opinion/rafael-nieto-loaiza/" class="mega-panel-item">Rafael Nieto Loaiza</a><a href="/opinion/santiago-jose-castro/" class="mega-panel-item">Santiago José Castro</a> 239 </div> 240 </div> 241 </div> 242 <div class="mega-dropdown" style="position:relative" data-mega="gente-bacana"> 243 <div style="display:flex;align-items:center;gap:0"> 244 <a href="/gente-bacana/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Gente Bacana</a> 245 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú Gente Bacana"> 246 <svg style="width:14px;
246height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 247 </button> 248 </div> 249 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 250 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 251 <a href="/gente-bacana/" class="mega-panel-head">Todo Gente Bacana</a> 252 <a href="/gente-bacana/arte-y-cultura/" class="mega-panel-item">Arte y Cultura</a><a href="/gente-bacana/cine-tv-medios/" class="mega-panel-item">Cine, TV y medios</a><a href="/gente-bacana/en-agenda/" class="mega-panel-item">En Agenda</a><a href="/gente-bacana/entretenimiento/" class="mega-panel-item">Entretenimiento</a><a href="/gente-bacana/espiritualidad/" class="mega-panel-item">Espiritualidad</a><a href="/gente-bacana/estilo-de-vida/" class="mega-panel-item">Estilo de Vida</a><a href="/gente-bacana/gastronomia/" class="mega-panel-item">GastronomÃa</a><a href="/gente-bacana/moda/" class="mega-panel-item">Moda</a><a href="/gente-bacana/musica/" class="mega-panel-item">Música</a><a href="/gente-bacana/turismo/" class="mega-panel-item">Turismo</a> 253 </div> 254 </div> 255 </div> 256 <div class="mega-dropdown" style="position:relative" data-mega="especiales"> 257 <div style="display:flex;align-items:center;gap:0"> 258 <a href="/especiales/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">Especiales</a> 259 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;
259border:none" aria-expanded="false" aria-label="Submenú Especiales"> 260 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 261 </button> 262 </div> 263 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 264 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 265 <a href="/especiales/" class="mega-panel-head">Todo Especiales</a> 266 <a href="/especiales/analisis-ifm-especiales/" class="mega-panel-item">Análisis IFM</a><a href="/especiales/denuncias/" class="mega-panel-item">Denuncias</a><a href="/especiales/especial/" class="mega-panel-item">Contenido Especial</a><a href="/especiales/investigacion/" class="mega-panel-item">Investigación</a><a href="/especiales/exclusivo/" class="mega-panel-item">Exclusivo</a><a href="/especiales/abc-ifmnoticias/" class="mega-panel-item">El ABC en IFMNOTICIAS</a><a href="/especiales/soluciones/" class="mega-panel-item">Soluciones</a> 267 </div> 268 </div> 269 </div> 270 <div class="mega-dropdown" style="position:relative" data-mega="ifmnoticias-tv"> 271 <div style="display:flex;align-items:center;gap:0"> 272 <a href="/ifmnoticias-tv/" style="padding:8px 8px 8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;text-decoration:none;">IFMNOTICIAS TV</a> 273 <button class="mega-toggle" style="padding:4px;color:#9ca3af;cursor:pointer;background:none;border:none" aria-expanded="false" aria-label="Submenú IFMNOTICIAS TV"> 274 <svg style="width:14px;height:14px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 275 </button> 276 </div> 277 <div class="mega-panel" style="position:absolute;left:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 278 <div class="mega-panel-inner" style="max-height:400px;overflow-y:auto;scrollbar-width:thin"> 279 <a href="/ifmnoticias-tv/" class="mega-panel-head">Todo IFMNOTICIAS TV</a> 280 <a href="/ifmnoticias-tv/al-momento/" class="mega-panel-item">AL MOMENTO</a><a href="/ifmnoticias-tv/camino-a-la-gloria/" class="mega-panel-item">CAMINO A LA GLORIA</a><a href="/ifmnoticias-tv/candidatos/" class="mega-panel-item">CANDIDATOS</a><a href="/ifmnoticias-tv/conexiones/" class="mega-panel-item">CONEXIONES</a><a href="/ifmnoticias-tv/de-director-a-director/" class="mega-panel-item">DE DIRECTOR A DIRECTOR</a><a href="/ifmnoticias-tv/debates-ifm/" class="mega-panel-item">DEBATES IFM</a><a href="/ifmnoticias-tv/desde-las-calles/" class="mega-panel-item">DESDE LAS CALLES</a><a href="/ifmnoticias-tv/el-valor-de-las-cosas/" class="mega-panel-item">EL VALOR DE LAS COSAS</a><a href="/play/en-contexto/" class="mega-panel-item">EN CONTEXTO</a><a href="/ifmnoticias-tv/en-sala-de-redaccion/" class="mega-panel-item">EN SALA DE REDACCIÃN</a><a href="/ifmnoticias-tv/en-vivo/" class="mega-panel-item">EN VIVO</a><a href="/ifmnoticias-tv/especiales-tv/" class="mega-panel-item">ESPECIALES TV</a><a href="/ifmnoticias-tv/fe-y-culturas/" class="mega-panel-item">FE Y CULTURAS</a><a href="/ifmnoticias-tv/hablar-bien-de-colombia/" class="mega-panel-item">HABLAR BIEN DE COLOMBIA</a><a href="/ifmnoticias-tv/ideas-clave/" class="mega-panel-item">IDEAS CLAVE</a><a href="/ifmnoticias-tv/la-entrevista/" class="mega-panel-item">LA ENTREVISTA</a><a href="/ifmnoticias-tv/las-5-de-la-semana/" class="mega-panel-item">LAS 5 DE LA SEMANA</a><a href="/ifmnoticias-tv/pacho-y-nacho/" class="mega-panel-item">PACHO Y NACHO</a><a href="/ifmnoticias-tv/panorama-empresarial/" class="mega-panel-item">PANORAMA EMPRESARIAL</a><a href="/ifmnoticias-tv/punto-financiero/" class="mega-panel-item">PUNTO FINANCIERO</a><a href="/ifmnoticias-tv/tech-talks/" class="mega-panel-item">TECH TALKS</a>
280<a href="/ifmnoticias-tv/un-cafe-con/" class="mega-panel-item">UN CAFà CON</a><a href="/ifmnoticias-tv/vasos-comunicantes/" class="mega-panel-item">VASOS COMUNICANTES</a><a href="/ifmnoticias-tv/ventana-abierta/" class="mega-panel-item">VENTANA ABIERTA</a><a href="/ifmnoticias-tv/videocolumna/" class="mega-panel-item">VIDEOCOLUMNA</a><a href="/ifmnoticias-tv/vision-emprendedora/" class="mega-panel-item">VISIÃN EMPRENDEDORA</a> 281 </div> 282 </div> 283 </div> 284 285 <div class="mega-dropdown" style="position:relative" data-mega="more"> 286 <button class="mega-toggle" style="display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap;color:#374151;cursor:pointer;background:none;border:none" aria-expanded="false"> 287 Más 288 <svg style="width:12px;height:12px;transition:transform 0.2s" class="mega-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 289 </button> 290 <div class="mega-panel" style="position:absolute;right:0;top:100%;padding-top:4px;visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:50;pointer-events:none"> 291 <div class="mega-panel-inner" style="min-width:240px"> 292 <a href="/salud/" class="mega-panel-item">Salud</a><a href="/educacion/" class="mega-panel-item">Educación</a><a href="/tecnologia/" class="mega-panel-item">TecnologÃa</a><a href="/medio-ambiente/" class="mega-panel-item">Medio Ambiente</a><a href="/movilidad/" class="mega-panel-item">Movilidad</a><a href="/gobierno/" class="mega-panel-item">Gobierno</a><a href="/orden-publico/" class="mega-panel-item">Orden Público</a><a href="/seguridad/" class="mega-panel-item">Seguridad</a><a href="/pico-y-placa/" class="mega-panel-item">Pico y Placa</a><a href="/desde-las-redes/" class="mega-panel-item">Desde las redes</a><a href="/analisis-ifm/" class="mega-panel-item">Análisis IFM</a> 293 <div style="border-top:1px solid #e5e7eb;margin:6px 0;padding-top:6px"> 294 <span style="display:block;padding:4px 12px;font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:#9ca3af;font-weight:600">Nuestras marcas</span> 295 <a href="https://ifmplay.com" target="_blank" rel="noopener" class="mega-panel-item" style="display:flex;align-items:center;gap:6px"> 296 IFM Play 297 <svg style="width:10px;height:10px;opacity:0.4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 298 </a><a href="https://ifmdeportes.com" target="_blank" rel="noopener" class="mega-panel-item" style="display:flex;align-items:center;gap:6px"> 299 IFM Deportes 300 <svg style="width:10px;height:10px;opacity:0.4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 301 </a><a href="https://gentebacana.com" target="_blank" rel="noopener" class="mega-panel-item" style="display:flex;align-items:center;gap:6px"> 302 Gente Bacana 303 <svg style="width:10px;height:10px;opacity:0.4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 304 </a><a href="https://ifmradio.co" target="_blank" rel="noopener" class="mega-panel-item" style="display:flex;align-items:center;gap:6px"> 305 IFM Radio 306 <svg style="width:10px;height:10px;opacity:0.4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 307 </a><a href="https://infonoticias.co" target="_blank" rel="noopener" class="mega-panel-item" style="display:flex;align-items:center;gap:6px"> 308 Info Noticias 309 <svg style="width:10px;height:10px;opacity:0.4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
309<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> 310 </a> 311 </div> 312 </div> 313 </div> 314 </div> 315 </div> 316 </div> 317 </div> 318 319 <!-- Search overlay --> 320 <div id="search-overlay" class="hidden absolute inset-x-0 top-full bg-white border-b border-gray-200 shadow-xl z-40"> 321 <div class="container mx-auto px-4 py-5"> 322 <form action="/buscar/" method="get" class="flex gap-3 max-w-2xl mx-auto"> 323 <input type="search" name="q" placeholder="Buscar noticias..." class="flex-1 px-5 py-3 border border-gray-200 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-[#E87820] focus:border-transparent" autocomplete="off"> 324 <button type="submit" class="px-6 py-3 bg-[#475da4] text-white rounded-xl text-sm font-semibold hover:bg-[#3a4e8a] transition-colors">Buscar</button> 325 </form> 326 </div> 327 </div> 328 329 <!-- âââ Mobile menu (full overlay) âââ --> 330 <div id="mobile-menu" class="hidden lg:hidden fixed inset-0 top-[calc(3.5rem+1.75rem)] z-40 bg-white overflow-y-auto"> 331 <div class="container mx-auto px-4 py-4"> 332 333 <div class="mobile-accordion border-b border-gray-50"> 334 <div class="flex items-center"> 335 <a href="/colombia/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Colombia</a> 336 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Colombia"> 337 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 338 </button> 339 </div> 340 <div class="accordion-content hidden pl-4 pb-2"> 341 <a href="/colombia/medellin/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">MedellÃn</a><a href="/colombia/antioquia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Antioquia</a><a href="/colombia/bogota/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Bogotá</a><a href="/colombia/costa-caribe/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Costa Caribe</a><a href="/colombia/occidente/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Occidente</a><a href="/colombia/oriente/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Oriente</a><a href="/colombia/valle-de-aburra/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Valle de Aburrá</a> 342 </div> 343 </div> 344 <div class="mobile-accordion border-b border-gray-50"> 345 <div class="flex items-center"> 346 <a href="/politica/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">PolÃtica</a> 347 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir PolÃtica"> 348 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 349 </button> 350 </div> 351 <div class="accordion-content hidden pl-4 pb-2"> 352 <a href="/elecciones2026/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Elecciones 2026</a><a href="/politica/candidatos-ifmnoticias/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Candidatos</a><a href="/politica/elecciones-2023/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Elecciones 2023</a><a href="/politica/elecciones-2022/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Elecciones 2022</a><a href="/politica/pildoras-politicas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">PÃldoras PolÃticas</a><a href="/politica/educar-en-democracia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Educar en Democracia</a><a href="/politica/revocatoria/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Revocatoria</a> 353 </div> 354 </div> 355 <div class="mobile-accordion border-b border-gray-50"> 356 <div class="flex items-center"> 357 <a href="/economicas/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Económicas</a> 358 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Económicas"> 359 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24">
359<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 360 </button> 361 </div> 362 <div class="accordion-content hidden pl-4 pb-2"> 363 <a href="/economicas/notas-economicas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Notas económicas</a><a href="/economicas/empresas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Empresas</a><a href="/economicas/emprendimiento/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Emprendimiento</a><a href="/economicas/empleo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Empleo</a><a href="/economicas/automotores/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Automotores</a> 364 </div> 365 </div> 366 <div class="mobile-accordion border-b border-gray-50"> 367 <div class="flex items-center"> 368 <a href="/deportes/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Deportes</a> 369 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Deportes"> 370 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 371 </button> 372 </div> 373 <div class="accordion-content hidden pl-4 pb-2"> 374 <a href="/deportes/mundial-2026/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Mundial 2026</a><a href="/deportes/futbol/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Fútbol</a><a href="/deportes/ciclismo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Ciclismo</a><a href="/deportes/automovilismo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Automovilismo</a><a href="/deportes/otros-deportes/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Otros deportes</a> 375 </div> 376 </div><a href="/judicial/" class="block px-4 py-3 text-[15px] rounded-lg text-gray-900 font-semibold hover:bg-gray-50 transition-colors">Judicial</a><a href="/internacional/" class="block px-4 py-3 text-[15px] rounded-lg text-gray-900 font-semibold hover:bg-gray-50 transition-colors">Internacional</a> 377 <div class="mobile-accordion border-b border-gray-50"> 378 <div class="flex items-center"> 379 <a href="/opinion/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Opinión</a> 380 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Opinión"> 381 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 382 </button> 383 </div> 384 <div class="accordion-content hidden pl-4 pb-2"> 385 <a href="/opinion/alvaro-ramirez-gonzalez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Ãlvaro RamÃrez González</a><a href="/opinion/alvaro-uribe-velez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Ãlvaro Uribe Vélez</a><a href="/opinion/andres-gaviria-cano/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Andrés Gaviria Cano</a><a href="/opinion/andres-usuga/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Andrés Ãsuga</a>
385<a href="/opinion/bernardo-henao-jaramillo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Bernardo Henao Jaramillo</a><a href="/opinion/camilo-guzman/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Camilo Guzmán</a><a href="/opinion/carlos-alonso-lucio/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Carlos Alonso Lucio</a><a href="/opinion/carlos-betancur-galvez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Carlos Betancur Gálvez</a><a href="/opinion/cesar-bedoya/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">César Bedoya</a><a href="/opinion/columnista-invitado/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Columnista Invitado</a><a href="/opinion/cristian-halaby/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Cristian Halaby</a><a href="/opinion/daniel-carvalho/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Daniel Carvalho</a><a href="/opinion/diego-arango/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Diego Arango</a><a href="/opinion/editorial/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Editorial</a><a href="/opinion/eduardo-mackenzie/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Eduardo Mackenzie</a><a href="/opinion/federico-hoyos/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Federico Hoyos</a><a href="/opinion/felix-alfazar-gonzalez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Félix Alfázar González</a><a href="/opinion/francisco-barbosa/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Francisco Barbosa</a><a href="/opinion/francois-cavard/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">François Cavard</a><a href="/opinion/gustavo-gomez-cordoba/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Gustavo Gómez Córdoba</a><a href="/opinion/hector-quintero-arredondo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Héctor Quintero Arredondo</a><a href="/opinion/jerome-sarabia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Jerome Sarabia</a><a href="/opinion/johan-sebastian-gutierrez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Johan Sebastián Gutiérrez</a><a href="/opinion/johel-moreno/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Johel Moreno</a><a href="/opinion/jorge-andres-rico-zapata/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Jorge Andrés Rico Zapata</a><a href="/opinion/jorge-enrique-velez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Jorge Enrique Vélez</a><a href="/opinion/jorge-h-botero/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Jorge H. Botero</a><a href="/opinion/jose-felix-lafaurie-rivas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">José Félix Lafaurie Rivas</a><a href="/opinion/jose-ignacio-penagos-hincapie/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">José Ignacio Penagos Hincapié</a><a href="/opinion/jose-obdulio-gaviria/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">José Obdulio Gaviria</a><a href="/opinion/juan-espinal/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Juan Espinal</a><a href="/opinion/juan-jose-gomez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Juan José Gómez</a><a href="/opinion/juan-ortiz-osorno/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Juan Ortiz Osorno</a><a href="/opinion/juliana-velasquez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Juliana Velásquez</a><a href="/opinion/laura-mejia-sanin/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Laura MejÃa SanÃn</a><a href="/opinion/luis-guillermo-echeverry/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Luis Guillermo Echeverry</a><a href="/opinion/luis-guillermo-suarez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Luis Guillermo Suárez</a><a href="/opinion/luis-perez-gutierrez/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">
385Luis Pérez Gutiérrez</a><a href="/opinion/manuela-correa-poveda/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Manuela Correa Poveda</a><a href="/opinion/maria-cristina-isaza-mejia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">MarÃa Cristina Isaza MejÃa</a><a href="/opinion/marta-palacio/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Marta Palacio</a><a href="/opinion/miguel-jaramillo-lujan/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Miguel Jaramillo Luján</a><a href="/opinion/nos-escriben/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Nos Escriben</a><a href="/opinion/oscar-ricardo-colorado-barriga/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Ãscar Ricardo Colorado Barriga</a><a href="/opinion/paola-holguin/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Paola HolguÃn</a><a href="/opinion/rafael-nieto-loaiza/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Rafael Nieto Loaiza</a><a href="/opinion/santiago-jose-castro/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Santiago José Castro</a> 386 </div> 387 </div> 388 <div class="mobile-accordion border-b border-gray-50"> 389 <div class="flex items-center"> 390 <a href="/gente-bacana/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Gente Bacana</a> 391 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Gente Bacana"> 392 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 393 </button> 394 </div> 395 <div class="accordion-content hidden pl-4 pb-2"> 396 <a href="/gente-bacana/arte-y-cultura/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Arte y Cultura</a><a href="/gente-bacana/cine-tv-medios/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Cine, TV y medios</a><a href="/gente-bacana/en-agenda/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">En Agenda</a><a href="/gente-bacana/entretenimiento/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Entretenimiento</a><a href="/gente-bacana/espiritualidad/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Espiritualidad</a><a href="/gente-bacana/estilo-de-vida/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Estilo de Vida</a><a href="/gente-bacana/gastronomia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">GastronomÃa</a><a href="/gente-bacana/moda/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Moda</a><a href="/gente-bacana/musica/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Música</a><a href="/gente-bacana/turismo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Turismo</a> 397 </div> 398 </div> 399 <div class="mobile-accordion border-b border-gray-50"> 400 <div class="flex items-center"> 401 <a href="/especiales/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Especiales</a> 402 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Especiales"> 403 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24">
403<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 404 </button> 405 </div> 406 <div class="accordion-content hidden pl-4 pb-2"> 407 <a href="/especiales/analisis-ifm-especiales/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Análisis IFM</a><a href="/especiales/denuncias/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Denuncias</a><a href="/especiales/especial/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Contenido Especial</a><a href="/especiales/investigacion/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Investigación</a><a href="/especiales/exclusivo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Exclusivo</a><a href="/especiales/abc-ifmnoticias/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">El ABC en IFMNOTICIAS</a><a href="/especiales/soluciones/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Soluciones</a> 408 </div> 409 </div> 410 <div class="mobile-accordion border-b border-gray-50"> 411 <div class="flex items-center"> 412 <a href="/ifmnoticias-tv/" class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">IFMNOTICIAS TV</a> 413 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir IFMNOTICIAS TV"> 414 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 415 </button> 416 </div> 417 <div class="accordion-content hidden pl-4 pb-2"> 418 <a href="/ifmnoticias-tv/al-momento/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">AL MOMENTO</a><a href="/ifmnoticias-tv/camino-a-la-gloria/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">CAMINO A LA GLORIA</a><a href="/ifmnoticias-tv/candidatos/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">CANDIDATOS</a><a href="/ifmnoticias-tv/conexiones/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">CONEXIONES</a><a href="/ifmnoticias-tv/de-director-a-director/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">DE DIRECTOR A DIRECTOR</a><a href="/ifmnoticias-tv/debates-ifm/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">DEBATES IFM</a><a href="/ifmnoticias-tv/desde-las-calles/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">DESDE LAS CALLES</a><a href="/ifmnoticias-tv/el-valor-de-las-cosas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">EL VALOR DE LAS COSAS</a><a href="/play/en-contexto/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">EN CONTEXTO</a><a href="/ifmnoticias-tv/en-sala-de-redaccion/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">EN SALA DE REDACCIÃN</a><a href="/ifmnoticias-tv/en-vivo/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">EN VIVO</a><a href="/ifmnoticias-tv/especiales-tv/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">ESPECIALES TV</a><a href="/ifmnoticias-tv/fe-y-culturas/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">FE Y CULTURAS</a><a href="/ifmnoticias-tv/hablar-bien-de-colombia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">HABLAR BIEN DE COLOMBIA</a><a href="/ifmnoticias-tv/ideas-clave/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">
418IDEAS CLAVE</a><a href="/ifmnoticias-tv/la-entrevista/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">LA ENTREVISTA</a><a href="/ifmnoticias-tv/las-5-de-la-semana/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">LAS 5 DE LA SEMANA</a><a href="/ifmnoticias-tv/pacho-y-nacho/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">PACHO Y NACHO</a><a href="/ifmnoticias-tv/panorama-empresarial/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">PANORAMA EMPRESARIAL</a><a href="/ifmnoticias-tv/punto-financiero/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">PUNTO FINANCIERO</a><a href="/ifmnoticias-tv/tech-talks/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">TECH TALKS</a><a href="/ifmnoticias-tv/un-cafe-con/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">UN CAFà CON</a><a href="/ifmnoticias-tv/vasos-comunicantes/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">VASOS COMUNICANTES</a><a href="/ifmnoticias-tv/ventana-abierta/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">VENTANA ABIERTA</a><a href="/ifmnoticias-tv/videocolumna/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">VIDEOCOLUMNA</a><a href="/ifmnoticias-tv/vision-emprendedora/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">VISIÃN EMPRENDEDORA</a> 419 </div> 420 </div> 421 422 <div class="mobile-accordion border-b border-gray-50"> 423 <div class="flex items-center"> 424 <span class="flex-1 px-4 py-3 text-[15px] text-gray-900 font-semibold">Más</span> 425 <button class="accordion-toggle w-10 h-10 flex items-center justify-center text-gray-400 hover:text-gray-700 transition-colors" aria-expanded="false" aria-label="Expandir Más"> 426 <svg class="w-4 h-4 transition-transform accordion-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 427 </button> 428 </div> 429 <div class="accordion-content hidden pl-4 pb-2"> 430 <a href="/salud/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Salud</a><a href="/educacion/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Educación</a><a href="/tecnologia/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">TecnologÃa</a><a href="/medio-ambiente/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Medio Ambiente</a><a href="/movilidad/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Movilidad</a><a href="/gobierno/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Gobierno</a><a href="/orden-publico/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Orden Público</a><a href="/seguridad/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Seguridad</a><a href="/pico-y-placa/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Pico y Placa</a><a href="/desde-las-redes/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Desde las redes</a><a href="/analisis-ifm/" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Análisis IFM</a> 431 <div class="border-t border-gray-100 mt-2 pt-2"> 432 <p class="px-4 py-1 text-[10px] uppercase tracking-wider text-gray-400 font-semibold">Nuestras marcas</p> 433 <a href="https://ifmplay.com" target="_blank" rel="noopener" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">IFM Play â</a><a href="https://ifmdeportes.com" target="_blank" rel="noopener" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">IFM Deportes â</a><a href="https://gentebacana.com" target="_blank" rel="noopener" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Gente Bacana â</a><a href="https://ifmradio.co" target="_blank" rel="noopener" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">IFM Radio â</a><a href="https://infonoticias.co" target="_blank" rel="noopener" class="block px-4 py-2 text-sm text-gray-500 hover:text-[#1B3070] hover:bg-gray-50 rounded-lg transition-colors">Info Noticias â</a> 434 </div> 435 </div> 436 </div> 437 <div class="border-t border-gray-100 mt-4 pt-4 space-y-1"> 438 <a href="/contacto/" class="block px-4 py-2.5 text-sm text-gray-500 hover:text-gray-900">Contacto</a> 439 <a href="/publicidad/" class="block px-4 py-2.5 text-sm text-gray-500 hover:text-gray-900">Publicidad</a> 440 </div> 441 </div> 442 </div> 443 </header> 444 445 <main id="main-content"> 446 447 <!-- âââ LIVE TV PLAYER âââââââââââââââââââââââââââââââââââââââââââ --> 448 <section style="background:#1B3070"> 449 <div class="container mx-auto px-4 py-6"> 450 <div class="flex items-center gap-3 mb-5"> 451 <div class="flex items-center gap-2">
452 <span class="relative flex h-3 w-3"> 453 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span> 454 <span class="relative inline-flex rounded-full h-3 w-3 bg-red-500"></span> 455 </span> 456 <h1 class="text-xl md:text-2xl font-black text-white uppercase tracking-tight">IFM Play</h1> 457 </div> 458 <span class="text-sm text-white/60">Señal en vivo</span> 459 <div class="flex-1"></div> 460 <a href="/radio/" class="text-sm text-[#E87820] font-semibold hover:underline">Escuchar Radio â</a> 461 </div> 462 463 <div class="max-w-5xl mx-auto rounded-2xl overflow-hidden bg-black shadow-2xl shadow-black/50"> 464 <div class="relative" style="padding-top:56.25%"> 465 <iframe 466 id="tv-player" 467 src="https://player.twitch.tv/?channel=ifmnoticias&parent=ifmnoticias.com&parent=www.ifmnoticias.com&autoplay=true&muted=false" 468 class="absolute inset-0 w-full h-full border-0" 469 allow="autoplay; fullscreen; picture-in-picture; web-share" 470 allowfullscreen 471 title="IFM Play â Señal en vivo" 472 ></iframe> 473 </div> 474 </div> 475 <p class="text-center text-xs text-white/30 mt-4">Señal en vivo de IFM Play · MedellÃn, Colombia</p> 476 </div> 477 </section> 478 479 <!-- âââ PROGRAMAS (CATEGORÃAS) âââââââââââââââââââââââââââââââââââ --> 480 481 <section class="bg-gray-50 py-8"> 482 <div class="container mx-auto px-4"> 483 484 <div class="flex items-center gap-3 mb-6"> 485 <svg class="w-6 h-6 text-[#E87820]" fill="currentColor" viewBox="0 0 24 24"><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z"/></svg> 486 <h2 class="text-xl font-black text-gray-900 uppercase tracking-tight">Programas</h2> 487 <div class="flex-1 h-[3px] rounded-full" style="background:linear-gradient(90deg,#E87820,transparent)"></div> 488 </div> 489 490 <!-- Category tabs (horizontal scroll) --> 491 <div class="flex gap-2 overflow-x-auto pb-3 mb-6 scrollbar-hide" style="-webkit-overflow-scrolling:touch"> 492 <a href="/play/" 493 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-[#1B3070] text-white"> 494 Todos 495 </a> 496 497 <a href="/play/candidatos/" 498 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 499 Candidatos 500 </a> 501 502 <a href="/play/la-entrevista/" 503 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 504 La Entrevista 505 </a> 506 507 <a href="/play/en-contexto/" 508 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 509 En Contexto 510 </a> 511 512 <a href="/play/conexiones/" 513 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 514 Conexiones 515 </a> 516 517 <a href="/play/gente-bacana/" 518 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 519 Gente Bacana 520 </a> 521 522 <a href="/play/tech-talks/" 523 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 524 Tech Talks 525 </a> 526 527 <a href="/play/panorama-empresarial/" 528 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 529 Panorama Empresarial 530 </a> 531 532 <a href="/play/al-momento/" 533 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 534 Al Momento 535 </a> 536 537 <a href="/play/en-vivo/" 538 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 539 En Vivo Con... 540 </a> 541 542 <a href="/play/pacho-y-nacho/" 543 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 544 Pacho y Nacho 545 </a> 546 547 <a href="/play/vasos-comunicantes/" 548 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 549 Vasos Comunicantes 550 </a> 551 552 <a href="/play/vision-emprendedora/"
553 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 554 Visión Emprendedora 555 </a> 556 557 <a href="/play/camino-a-la-gloria/" 558 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 559 Camino a la Gloria 560 </a> 561 562 <a href="/play/especiales/" 563 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 564 Especiales IFM 565 </a> 566 567 <a href="/play/videocolumna/" 568 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 569 Videocolumna 570 </a> 571 572 <a href="/play/en-directo/" 573 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 574 En Directo 575 </a> 576 577 <a href="/play/un-cafe-con/" 578 class="px-4 py-2 text-xs font-bold uppercase tracking-wider rounded-full whitespace-nowrap transition-colors bg-white text-gray-600 hover:bg-gray-200 border border-gray-200"> 579 Un Café Con... 580 </a> 581 582 </div> 583 584 585 <!-- All categories overview --> 586 587 <div class="mb-10"> 588 <div class="flex items-center gap-3 mb-4"> 589 <h3 class="text-lg font-bold text-gray-900">Candidatos</h3> 590 <span class="text-xs text-gray-400">24 videos</span> 591 <div class="flex-1"></div> 592 <a href="/play/candidatos/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 593 </div> 594 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
5945"> 595 596 <a href="#" data-video-id="xa9dry6" data-video-title="CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Londoño y Luisa Villegas. Candidato presidencial y fórmula vicepresidencial." class="group cursor-pointer block"> 597 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 598 <img src="https://s1.dmcdn.net/v/a-j--1g5bgp5KG16B/x480" alt="CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Londoño y Luisa Villegas. Candidato presidencial y fórmula vicepresidencial." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 599 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 600 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 601 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 602 </div> 603 </div> 604 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">28:07</span> 605 </div> 606 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Londoño y Luisa Villegas. Candidato presidencial y fórmula vicepresidencial.</h4> 607 <p class="text-xs text-gray-400 mt-1">48 vistas · 4 meses</p> 608 </a> 609 <a href="#" data-video-id="xa50fs8" data-video-title="CANDIDATOS EN IFMNOTICIAS: Abelardo de la Espriella, candidato presidencial." class="group cursor-pointer block"> 610 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 611 <img src="https://s2.dmcdn.net/v/aYjpe1g1bHnu7vN6r/x480" alt="CANDIDATOS EN IFMNOTICIAS: Abelardo de la Espriella, candidato presidencial." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 612 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 613 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 614 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 615 </div> 616 </div> 617 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">24:02</span> 618 </div> 619 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CANDIDATOS EN IFMNOTICIAS: Abelardo de la Espriella, candidato presidencial.</h4> 620 <p class="text-xs text-gray-400 mt-1">125 vistas · 5 meses</p> 621 </a> 622 <a href="#" data-video-id="xa2j1gk" data-video-title="CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Lodoño, Candidato Presidencial." class="group cursor-pointer block"> 623 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 624 <img src="https://s1.dmcdn.net/v/aIpWa1g41zL3wLKQ_/x480" alt="CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Lodoño, Candidato Presidencial." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 625 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 626 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 627 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 628 </div> 629 </div> 630 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">23:16</span> 631 </div> 632 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CANDIDATOS EN IFMNOTICIAS: Miguel Uribe Lodoño, Candidato Presidencial.</h4> 633 <p class="text-xs text-gray-400 mt-1">21 vistas · 6 meses</p> 634 </a> 635 <a href="#" data-video-id="xa1bxzm" data-video-title="CANDIDATOS EN IFMNOTICIAS: Andrés Gaviria Cano, Candidato a la Cámara por el CD." class="group cursor-pointer block"> 636 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 637 <img src="https://s2.dmcdn.net/v/aB8dI1fgX8wQdNuT-/x480" alt="CANDIDATOS EN IFMNOTICIAS: Andrés Gaviria Cano, Candidato a la Cámara por el CD." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 638 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 639 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
639E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 640 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 641 </div> 642 </div> 643 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">27:26</span> 644 </div> 645 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CANDIDATOS EN IFMNOTICIAS: Andrés Gaviria Cano, Candidato a la Cámara por el CD.</h4> 646 <p class="text-xs text-gray-400 mt-1">19 vistas · 7 meses</p> 647 </a> 648 </div> 649 </div> 650 651 <div class="mb-10"> 652 <div class="flex items-center gap-3 mb-4"> 653 <h3 class="text-lg font-bold text-gray-900">La Entrevista</h3> 654 <span class="text-xs text-gray-400">24 videos</span> 655 <div class="flex-1"></div> 656 <a href="/play/la-entrevista/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 657 </div> 658 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
6585"> 659 660 <a href="#" data-video-id="xb7nyde" data-video-title="LA ENTREVISTA EN IFMNOTICIAS" class="group cursor-pointer block"> 661 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 662 <img src="https://s2.dmcdn.net/v/eQO321ghMfpwUR56u/x480" alt="LA ENTREVISTA EN IFMNOTICIAS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 663 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 664 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 665 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 666 </div> 667 </div> 668 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">45:18</span> 669 </div> 670 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LA ENTREVISTA EN IFMNOTICIAS</h4> 671 <p class="text-xs text-gray-400 mt-1">124 vistas · Hace 17 dÃas</p> 672 </a> 673 <a href="#" data-video-id="xavkp96" data-video-title="LA ENTREVISTA EN IFMNOTICIAS: Santiago Valencia, gerente INDER." class="group cursor-pointer block"> 674 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 675 <img src="https://s1.dmcdn.net/v/dCwFQ1gTIu60uEvLp/x480" alt="LA ENTREVISTA EN IFMNOTICIAS: Santiago Valencia, gerente INDER." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 676 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 677 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 678 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 679 </div> 680 </div> 681 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">48:05</span> 682 </div> 683 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LA ENTREVISTA EN IFMNOTICIAS: Santiago Valencia, gerente INDER.</h4> 684 <p class="text-xs text-gray-400 mt-1">62 vistas · 1 mes</p> 685 </a> 686 <a href="#" data-video-id="xapzp9y" data-video-title="EN IFMNOTICIAS LA ENTREVISTA: Damian Perez, concejal de MedellÃn" class="group cursor-pointer block"> 687 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 688 <img src="https://s1.dmcdn.net/v/cf8ks1gPXrkbVTcHT/x480" alt="EN IFMNOTICIAS LA ENTREVISTA: Damian Perez, concejal de MedellÃn" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 689 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 690 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 691 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 692 </div> 693 </div> 694 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">25:25</span> 695 </div> 696 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN IFMNOTICIAS LA ENTREVISTA: Damian Perez, concejal de MedellÃn</h4> 697 <p class="text-xs text-gray-400 mt-1">19 vistas · 2 meses</p> 698 </a> 699 <a href="#" data-video-id="xal08re" data-video-title="LA ENTREVISTA EN IFMNOTICIAS: Paola HolguÃn ExSenadora de la República de Colombia" class="group cursor-pointer block"> 700 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 701 <img src="https://s2.dmcdn.net/v/c9CbQ1glSqM8c-ol9/x480" alt="LA ENTREVISTA EN IFMNOTICIAS: Paola HolguÃn ExSenadora de la República de Colombia" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 702 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 703 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
703E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 704 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 705 </div> 706 </div> 707 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">56:34</span> 708 </div> 709 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LA ENTREVISTA EN IFMNOTICIAS: Paola HolguÃn ExSenadora de la República de Colombia</h4> 710 <p class="text-xs text-gray-400 mt-1">131 vistas · 3 meses</p> 711 </a> 712 </div> 713 </div> 714 715 <div class="mb-10"> 716 <div class="flex items-center gap-3 mb-4"> 717 <h3 class="text-lg font-bold text-gray-900">En Contexto</h3> 718 <span class="text-xs text-gray-400">18 videos</span> 719 <div class="flex-1"></div> 720 <a href="/play/en-contexto/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 721 </div> 722 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
7225"> 723 724 <a href="#" data-video-id="xbe67ha" data-video-title="EN CONTEXTO EN IFMNOTICIAS: Oscar López." class="group cursor-pointer block"> 725 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 726 <img src="https://s2.dmcdn.net/v/f44LU1glIyuBfqWbw/x480" alt="EN CONTEXTO EN IFMNOTICIAS: Oscar López." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 727 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 728 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 729 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 730 </div> 731 </div> 732 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">71:41</span> 733 </div> 734 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN CONTEXTO EN IFMNOTICIAS: Oscar López.</h4> 735 <p class="text-xs text-gray-400 mt-1">19 vistas · Hace 3 dÃas</p> 736 </a> 737 <a href="#" data-video-id="xbba4z6" data-video-title="EN CONTEXTO Cali 6 semanas después del terremoto. Los periodistas José Ignacio Penagos y Ãscar López Noguera cuentan lo que ha pasado" class="group cursor-pointer block"> 738 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 739 <img src="https://s1.dmcdn.net/v/enYwo1gjyI6--LXnL/x480" alt="EN CONTEXTO Cali 6 semanas después del terremoto. Los periodistas José Ignacio Penagos y Ãscar López Noguera cuentan lo que ha pasado" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 740 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 741 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 742 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 743 </div> 744 </div> 745 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">74:08</span> 746 </div> 747 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN CONTEXTO Cali 6 semanas después del terremoto. Los periodistas José Ignacio Penagos y Ãscar López Noguera cuentan lo que ha pasado</h4> 748 <p class="text-xs text-gray-400 mt-1">147 vistas · Hace 10 dÃas</p> 749 </a> 750 <a href="#" data-video-id="xb8rot6" data-video-title="EN CONTEXTO EN IFMNOTICIAS: Incendios en el Tolima." class="group cursor-pointer block"> 751 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 752 <img src="https://s1.dmcdn.net/v/eXSfQ1gifVriGGpIn/x480" alt="EN CONTEXTO EN IFMNOTICIAS: Incendios en el Tolima." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 753 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 754 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 755 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 756 </div> 757 </div> 758 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">85:12</span> 759 </div> 760 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN CONTEXTO EN IFMNOTICIAS: Incendios en el Tolima.</h4> 761 <p class="text-xs text-gray-400 mt-1">195 vistas · Hace 15 dÃas</p> 762 </a> 763 <a href="#" data-video-id="xawyh9u" data-video-title="En Contexto con el geólogo Oswaldo Ordoñez sobre el terremoto" class="group cursor-pointer block"> 764 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 765 <img src="https://s2.dmcdn.net/v/dLnFo1gXcLFsRztNE/x480" alt="En Contexto con el geólogo Oswaldo Ordoñez sobre el terremoto" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 766 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 767 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
767E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 768 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 769 </div> 770 </div> 771 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">54:43</span> 772 </div> 773 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">En Contexto con el geólogo Oswaldo Ordoñez sobre el terremoto</h4> 774 <p class="text-xs text-gray-400 mt-1">1.1K vistas · 1 mes</p> 775 </a> 776 </div> 777 </div> 778 779 <div class="mb-10"> 780 <div class="flex items-center gap-3 mb-4"> 781 <h3 class="text-lg font-bold text-gray-900">Conexiones</h3> 782 <span class="text-xs text-gray-400">24 videos</span> 783 <div class="flex-1"></div> 784 <a href="/play/conexiones/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 785 </div> 786 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
7865"> 787 788 <a href="#" data-video-id="xazn14q" data-video-title="CONEXIONES EN IFMNOTICIAS: MarÃa Fernanda Galeano, secretaria de Desarrollo de MedellÃn." class="group cursor-pointer block"> 789 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 790 <img src="https://s2.dmcdn.net/v/dcz1w1gigwZqIdhIz/x480" alt="CONEXIONES EN IFMNOTICIAS: MarÃa Fernanda Galeano, secretaria de Desarrollo de MedellÃn." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 791 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 792 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 793 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 794 </div> 795 </div> 796 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">23:23</span> 797 </div> 798 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CONEXIONES EN IFMNOTICIAS: MarÃa Fernanda Galeano, secretaria de Desarrollo de MedellÃn.</h4> 799 <p class="text-xs text-gray-400 mt-1">48 vistas · 1 mes</p> 800 </a> 801 <a href="#" data-video-id="xa81lgo" data-video-title="CONEXIONES EN IFMNOTICIAS: Daniel Samper, Periodista y creador de "CIRCOMBIA"" class="group cursor-pointer block"> 802 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 803 <img src="https://s1.dmcdn.net/v/as9Be1g96-PD_uWVx/x480" alt="CONEXIONES EN IFMNOTICIAS: Daniel Samper, Periodista y creador de "CIRCOMBIA"" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 804 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 805 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 806 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 807 </div> 808 </div> 809 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">21:14</span> 810 </div> 811 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CONEXIONES EN IFMNOTICIAS: Daniel Samper, Periodista y creador de "CIRCOMBIA"</h4> 812 <p class="text-xs text-gray-400 mt-1">57 vistas · 5 meses</p> 813 </a> 814 <a href="#" data-video-id="x9mjidm" data-video-title="CONEXIONES en IFMNOTICIAS: Isabel Cristina Velasco, Ingeniera Civil HG IngenierÃa" class="group cursor-pointer block"> 815 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 816 <img src="https://s2.dmcdn.net/v/YiNtA1epRyc_d8qQp/x480" alt="CONEXIONES en IFMNOTICIAS: Isabel Cristina Velasco, Ingeniera Civil HG IngenierÃa" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 817 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 818 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 819 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 820 </div> 821 </div> 822 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">17:02</span> 823 </div> 824 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CONEXIONES en IFMNOTICIAS: Isabel Cristina Velasco, Ingeniera Civil HG IngenierÃa</h4> 825 <p class="text-xs text-gray-400 mt-1">52 vistas · 15 meses</p> 826 </a> 827 <a href="#" data-video-id="x9mod9q" data-video-title="CONEXIONES en IfMNOTICIAS, Santiago Molina, CEO de Finkargo" class="group cursor-pointer block"> 828 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 829 <img src="https://s2.dmcdn.net/v/YjFCk1epT3RO7r7JF/x480" alt="CONEXIONES en IfMNOTICIAS, Santiago Molina, CEO de Finkargo" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 830 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 831 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
831E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 832 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 833 </div> 834 </div> 835 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">14:41</span> 836 </div> 837 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">CONEXIONES en IfMNOTICIAS, Santiago Molina, CEO de Finkargo</h4> 838 <p class="text-xs text-gray-400 mt-1">36 vistas · 14 meses</p> 839 </a> 840 </div> 841 </div> 842 843 <div class="mb-10"> 844 <div class="flex items-center gap-3 mb-4"> 845 <h3 class="text-lg font-bold text-gray-900">Gente Bacana</h3> 846 <span class="text-xs text-gray-400">24 videos</span> 847 <div class="flex-1"></div> 848 <a href="/play/gente-bacana/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 849 </div> 850 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
8505"> 851 852 <a href="#" data-video-id="xbc36dq" data-video-title="GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica." class="group cursor-pointer block"> 853 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 854 <img src="https://s2.dmcdn.net/v/esjiE1gj27A2Z00nY/x480" alt="GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 855 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 856 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 857 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 858 </div> 859 </div> 860 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">16:19</span> 861 </div> 862 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica.</h4> 863 <p class="text-xs text-gray-400 mt-1">13 vistas · Hace 8 dÃas</p> 864 </a> 865 <a href="#" data-video-id="xbb7av2" data-video-title="GENTE BACANA EN IFMNOTICIAS: Laura Uribe, médica veterinaria, gerente clÃnica MOVET" class="group cursor-pointer block"> 866 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 867 <img src="https://s1.dmcdn.net/v/en2c-1giOUZQXJU9N/x480" alt="GENTE BACANA EN IFMNOTICIAS: Laura Uribe, médica veterinaria, gerente clÃnica MOVET" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 868 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 869 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 870 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 871 </div> 872 </div> 873 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">19:42</span> 874 </div> 875 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">GENTE BACANA EN IFMNOTICIAS: Laura Uribe, médica veterinaria, gerente clÃnica MOVET</h4> 876 <p class="text-xs text-gray-400 mt-1">18 vistas · Hace 10 dÃas</p> 877 </a> 878 <a href="#" data-video-id="xbb61pm" data-video-title="GENTE BACANA EN IFMNOTICIAS: Vicky Tru: comunicadora, DJ, locutora." class="group cursor-pointer block"> 879 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 880 <img src="https://s1.dmcdn.net/v/emqKg1giNfveEK4S4/x480" alt="GENTE BACANA EN IFMNOTICIAS: Vicky Tru: comunicadora, DJ, locutora." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 881 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 882 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 883 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 884 </div> 885 </div> 886 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">40:44</span> 887 </div> 888 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">GENTE BACANA EN IFMNOTICIAS: Vicky Tru: comunicadora, DJ, locutora.</h4> 889 <p class="text-xs text-gray-400 mt-1">122 vistas · Hace 10 dÃas</p> 890 </a> 891 <a href="#" data-video-id="xb6vgqy" data-video-title="GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica." class="group cursor-pointer block"> 892 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 893 <img src="https://s1.dmcdn.net/v/eLJYA1gf6f4Y7EDmP/x480" alt="GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 894 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 895 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
895E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 896 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 897 </div> 898 </div> 899 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">23:54</span> 900 </div> 901 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">GENTE BACANA EN IFMNOTICIAS: Orlic Caballero, psicóloga clÃnica.</h4> 902 <p class="text-xs text-gray-400 mt-1">57 vistas · Hace 20 dÃas</p> 903 </a> 904 </div> 905 </div> 906 907 <div class="mb-10"> 908 <div class="flex items-center gap-3 mb-4"> 909 <h3 class="text-lg font-bold text-gray-900">Tech Talks</h3> 910 <span class="text-xs text-gray-400">19 videos</span> 911 <div class="flex-1"></div> 912 <a href="/play/tech-talks/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 913 </div> 914 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
9145"> 915 916 <a href="#" data-video-id="x9qa2lo" data-video-title="Tech Talks - Inteligencia Artificial y PolÃtica" class="group cursor-pointer block"> 917 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 918 <img src="https://s2.dmcdn.net/v/Z4Kci1g45BmxAeT9Z/x480" alt="Tech Talks - Inteligencia Artificial y PolÃtica" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 919 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 920 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 921 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 922 </div> 923 </div> 924 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">44:37</span> 925 </div> 926 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Tech Talks - Inteligencia Artificial y PolÃtica</h4> 927 <p class="text-xs text-gray-400 mt-1">10 vistas · 12 meses</p> 928 </a> 929 <a href="#" data-video-id="x9mj520" data-video-title="TECH TALKS en IFMNOTICIAS: Inteligencia artificial: ¿herramienta de apoyo o sustituto profesional?" class="group cursor-pointer block"> 930 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 931 <img src="https://s1.dmcdn.net/v/YiJfO1eoMldNnTCP1/x480" alt="TECH TALKS en IFMNOTICIAS: Inteligencia artificial: ¿herramienta de apoyo o sustituto profesional?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 932 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 933 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 934 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 935 </div> 936 </div> 937 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">45:36</span> 938 </div> 939 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">TECH TALKS en IFMNOTICIAS: Inteligencia artificial: ¿herramienta de apoyo o sustituto profesional?</h4> 940 <p class="text-xs text-gray-400 mt-1">38 vistas · 15 meses</p> 941 </a> 942 <a href="#" data-video-id="x9qlnl8" data-video-title="Tech Talks - Inteligencia Artificial y PolÃtica. Parte2" class="group cursor-pointer block"> 943 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 944 <img src="https://s1.dmcdn.net/v/Z6OYi1eofRZpVrq9J/x480" alt="Tech Talks - Inteligencia Artificial y PolÃtica. Parte2" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 945 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 946 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 947 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 948 </div> 949 </div> 950 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">38:53</span> 951 </div> 952 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Tech Talks - Inteligencia Artificial y PolÃtica. Parte2</h4> 953 <p class="text-xs text-gray-400 mt-1">30 vistas · 12 meses</p> 954 </a> 955 <a href="#" data-video-id="x9rigvs" data-video-title="Tech Talks Hablemos de Marketing Digital." class="group cursor-pointer block"> 956 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 957 <img src="https://s1.dmcdn.net/v/ZCEJu1etrNWybjvqL/x480" alt="Tech Talks Hablemos de Marketing Digital." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 958 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 959 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
959E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 960 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 961 </div> 962 </div> 963 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">45:20</span> 964 </div> 965 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Tech Talks Hablemos de Marketing Digital.</h4> 966 <p class="text-xs text-gray-400 mt-1">8 vistas · 12 meses</p> 967 </a> 968 </div> 969 </div> 970 971 <div class="mb-10"> 972 <div class="flex items-center gap-3 mb-4"> 973 <h3 class="text-lg font-bold text-gray-900">Panorama Empresarial</h3> 974 <span class="text-xs text-gray-400">13 videos</span> 975 <div class="flex-1"></div> 976 <a href="/play/panorama-empresarial/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 977 </div> 978 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
9785"> 979 980 <a href="#" data-video-id="xa285ma" data-video-title="PANORAMA EMPRESARIAL: ElÃas Montoya, Director Nuevos Negocios ERCO." class="group cursor-pointer block"> 981 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 982 <img src="https://s1.dmcdn.net/v/aGtXo1gldwIH45zsI/x480" alt="PANORAMA EMPRESARIAL: ElÃas Montoya, Director Nuevos Negocios ERCO." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 983 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 984 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 985 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 986 </div> 987 </div> 988 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">23:06</span> 989 </div> 990 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">PANORAMA EMPRESARIAL: ElÃas Montoya, Director Nuevos Negocios ERCO.</h4> 991 <p class="text-xs text-gray-400 mt-1">15 vistas · 6 meses</p> 992 </a> 993 <a href="#" data-video-id="xa288uk" data-video-title="PANORAMA EMPRESARIAL: MarÃa Elena Ospina, Directora ACOPI." class="group cursor-pointer block"> 994 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 995 <img src="https://s2.dmcdn.net/v/aGuZC1g3S_T_qseSx/x480" alt="PANORAMA EMPRESARIAL: MarÃa Elena Ospina, Directora ACOPI." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 996 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 997 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 998 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 999 </div> 1000 </div> 1001 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">35:40</span> 1002 </div> 1003 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">PANORAMA EMPRESARIAL: MarÃa Elena Ospina, Directora ACOPI.</h4> 1004 <p class="text-xs text-gray-400 mt-1">12 vistas · 6 meses</p> 1005 </a> 1006 <a href="#" data-video-id="x9m85gs" data-video-title="PANORAMA EMPRESARIAL en IFMNOTICIAS: MariÌa JoseÌ Bernal, Directora Ejecutiva de Fenalco Antioquia" class="group cursor-pointer block"> 1007 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1008 <img src="https://s2.dmcdn.net/v/YgMUi1g4ZaETgkWF5/x480" alt="PANORAMA EMPRESARIAL en IFMNOTICIAS: MariÌa JoseÌ Bernal, Directora Ejecutiva de Fenalco Antioquia" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1009 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1010 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1011 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1012 </div> 1013 </div> 1014 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">25:31</span> 1015 </div> 1016 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">PANORAMA EMPRESARIAL en IFMNOTICIAS: MariÌa JoseÌ Bernal, Directora Ejecutiva de Fenalco Antioquia</h4> 1017 <p class="text-xs text-gray-400 mt-1">34 vistas · 15 meses</p> 1018 </a> 1019 <a href="#" data-video-id="x9kvefg" data-video-title="PANORAMA EMPRESARIAL: Pablo Giraldo y la consolidación de Sievert en el sector salud e industrial" class="group cursor-pointer block"> 1020 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1021 <img src="https://s1.dmcdn.net/v/YXhBC1g4agZCL17wf/x480" alt="PANORAMA EMPRESARIAL: Pablo Giraldo y la consolidación de Sievert en el sector salud e industrial" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1022 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1023 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1023E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1024 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1025 </div> 1026 </div> 1027 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">17:16</span> 1028 </div> 1029 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">PANORAMA EMPRESARIAL: Pablo Giraldo y la consolidación de Sievert en el sector salud e industrial</h4> 1030 <p class="text-xs text-gray-400 mt-1">59 vistas · 16 meses</p> 1031 </a> 1032 </div> 1033 </div> 1034 1035 <div class="mb-10"> 1036 <div class="flex items-center gap-3 mb-4"> 1037 <h3 class="text-lg font-bold text-gray-900">Al Momento</h3> 1038 <span class="text-xs text-gray-400">24 videos</span> 1039 <div class="flex-1"></div> 1040 <a href="/play/al-momento/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1041 </div> 1042 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
10425"> 1043 1044 <a href="#" data-video-id="xb8sf3a" data-video-title="AL MOMENTO EN IFMNOTCIAS: Periodista de Caracol Radio, Sebastián Estrada." class="group cursor-pointer block"> 1045 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1046 <img src="https://s2.dmcdn.net/v/eXazc1gifh29d7aod/x480" alt="AL MOMENTO EN IFMNOTCIAS: Periodista de Caracol Radio, Sebastián Estrada." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1047 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1048 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1049 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1050 </div> 1051 </div> 1052 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">30:57</span> 1053 </div> 1054 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">AL MOMENTO EN IFMNOTCIAS: Periodista de Caracol Radio, Sebastián Estrada.</h4> 1055 <p class="text-xs text-gray-400 mt-1">1.2K vistas · Hace 15 dÃas</p> 1056 </a> 1057 <a href="#" data-video-id="xb6niii" data-video-title="(AL MOMENTO) Un mes después del terremoto, Cali vive un emotivo dÃa. Los periodistas José Ignacio Pengos y Ãscar López Noguera analizan lo sucedido." class="group cursor-pointer block"> 1058 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1059 <img src="https://s1.dmcdn.net/v/eJuzw1glUaLYWNEQ1/x480" alt="(AL MOMENTO) Un mes después del terremoto, Cali vive un emotivo dÃa. Los periodistas José Ignacio Pengos y Ãscar López Noguera analizan lo sucedido." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1060 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1061 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1062 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1063 </div> 1064 </div> 1065 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">69:28</span> 1066 </div> 1067 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">(AL MOMENTO) Un mes después del terremoto, Cali vive un emotivo dÃa. Los periodistas José Ignacio Pengos y Ãscar López Noguera analizan lo sucedido.</h4> 1068 <p class="text-xs text-gray-400 mt-1">120 vistas · Hace 21 dÃas</p> 1069 </a> 1070 <a href="#" data-video-id="xb59d6m" data-video-title="(AL MOMENTO) El dolor de la demolición: Cali enfrenta la difÃcil tarea de reconstruir tras el terremoto" class="group cursor-pointer block"> 1071 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1072 <img src="https://s1.dmcdn.net/v/eAzl-1ggfuMZUm-gx/x480" alt="(AL MOMENTO) El dolor de la demolición: Cali enfrenta la difÃcil tarea de reconstruir tras el terremoto" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1073 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1074 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1075 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1076 </div> 1077 </div> 1078 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">65:04</span> 1079 </div> 1080 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">(AL MOMENTO) El dolor de la demolición: Cali enfrenta la difÃcil tarea de reconstruir tras el terremoto</h4> 1081 <p class="text-xs text-gray-400 mt-1">96 vistas · Hace 24 dÃas</p> 1082 </a> 1083 <a href="#" data-video-id="xb36jnq" data-video-title="AL MOMENTO, José Ignacio Pengos y Ãscar López Noguera con la actualidad del avance de Cali tras el terremoto a tres semanas." class="group cursor-pointer block"> 1084 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1085 <img src="https://s2.dmcdn.net/v/dzfW61gg2hsJvscfC/x480" alt="AL MOMENTO, José Ignacio Pengos y Ãscar López Noguera con la actualidad del avance de Cali tras el terremoto a tres semanas." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1086 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1087 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1087E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1088 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1089 </div> 1090 </div> 1091 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">78:33</span> 1092 </div> 1093 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">AL MOMENTO, José Ignacio Pengos y Ãscar López Noguera con la actualidad del avance de Cali tras el terremoto a tres semanas.</h4> 1094 <p class="text-xs text-gray-400 mt-1">103 vistas · Hace 30 dÃas</p> 1095 </a> 1096 </div> 1097 </div> 1098 1099 <div class="mb-10"> 1100 <div class="flex items-center gap-3 mb-4"> 1101 <h3 class="text-lg font-bold text-gray-900">En Vivo Con...</h3> 1102 <span class="text-xs text-gray-400">24 videos</span> 1103 <div class="flex-1"></div> 1104 <a href="/play/en-vivo/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1105 </div> 1106 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
11065"> 1107 1108 <a href="#" data-video-id="x9704ig" data-video-title="En Vivo con François Cavard" class="group cursor-pointer block"> 1109 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1110 <img src="https://s1.dmcdn.net/v/X8q7O1g4tNlMtcI0q/x480" alt="En Vivo con François Cavard" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1111 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1112 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1113 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1114 </div> 1115 </div> 1116 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">47:50</span> 1117 </div> 1118 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">En Vivo con François Cavard</h4> 1119 <p class="text-xs text-gray-400 mt-1">531 vistas · 24 meses</p> 1120 </a> 1121 <a href="#" data-video-id="x8de2m4" data-video-title="((EN VIVO)) EN SALA DE REDACCIÃN - DIONE CRUZ" class="group cursor-pointer block"> 1122 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1123 <img src="https://s2.dmcdn.net/v/UB56y1e8te0zZbPUg/x480" alt="((EN VIVO)) EN SALA DE REDACCIÃN - DIONE CRUZ" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1124 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1125 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1126 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1127 </div> 1128 </div> 1129 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">48:42</span> 1130 </div> 1131 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) EN SALA DE REDACCIÃN - DIONE CRUZ</h4> 1132 <p class="text-xs text-gray-400 mt-1">53 vistas · 49 meses</p> 1133 </a> 1134 <a href="#" data-video-id="x8dvd91" data-video-title="((EN VIVO)) EN SALA DE REDACCIÃN - INVITADO: JUAN GUILLERMO MORENO" class="group cursor-pointer block"> 1135 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1136 <img src="https://s1.dmcdn.net/v/UEA7L1e0NHod_T7wk/x480" alt="((EN VIVO)) EN SALA DE REDACCIÃN - INVITADO: JUAN GUILLERMO MORENO" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1137 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1138 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1139 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1140 </div> 1141 </div> 1142 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">66:03</span> 1143 </div> 1144 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) EN SALA DE REDACCIÃN - INVITADO: JUAN GUILLERMO MORENO</h4> 1145 <p class="text-xs text-gray-400 mt-1">16 vistas · 49 meses</p> 1146 </a> 1147 <a href="#" data-video-id="x8e327n" data-video-title="((EN VIVO)) CON JOSà IGNACIO PENAGOS - PEDRO JARAMILLO" class="group cursor-pointer block"> 1148 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1149 <img src="https://s1.dmcdn.net/v/UFXlp1gSKBijgQ4nW/x480" alt="((EN VIVO)) CON JOSà IGNACIO PENAGOS - PEDRO JARAMILLO" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1150 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1151 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1151E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1152 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1153 </div> 1154 </div> 1155 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">57:21</span> 1156 </div> 1157 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) CON JOSà IGNACIO PENAGOS - PEDRO JARAMILLO</h4> 1158 <p class="text-xs text-gray-400 mt-1">2 vistas · 48 meses</p> 1159 </a> 1160 </div> 1161 </div> 1162 1163 <div class="mb-10"> 1164 <div class="flex items-center gap-3 mb-4"> 1165 <h3 class="text-lg font-bold text-gray-900">Pacho y Nacho</h3> 1166 <span class="text-xs text-gray-400">5 videos</span> 1167 <div class="flex-1"></div> 1168 <a href="/play/pacho-y-nacho/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1169 </div> 1170 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
11705"> 1171 1172 <a href="#" data-video-id="xa2ombw" data-video-title="PACHO Y NACHO, Entrevistas que conectan: Sandra Restrepo Directora Ejecutiva COTELCO." class="group cursor-pointer block"> 1173 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1174 <img src="https://s1.dmcdn.net/v/aJp4C1g4CH7mB0KkQ/x480" alt="PACHO Y NACHO, Entrevistas que conectan: Sandra Restrepo Directora Ejecutiva COTELCO." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1175 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1176 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1177 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1178 </div> 1179 </div> 1180 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">33:36</span> 1181 </div> 1182 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">PACHO Y NACHO, Entrevistas que conectan: Sandra Restrepo Directora Ejecutiva COTELCO.</h4> 1183 <p class="text-xs text-gray-400 mt-1">12 vistas · 6 meses</p> 1184 </a> 1185 <a href="#" data-video-id="xa1o3j0" data-video-title="EN IFMNOTICIAS: PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Salud Hernández, Activista, Periodista y Escritora." class="group cursor-pointer block"> 1186 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1187 <img src="https://s2.dmcdn.net/v/aDJ3S1fiDd9MIe49V/x480" alt="EN IFMNOTICIAS: PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Salud Hernández, Activista, Periodista y Escritora." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1188 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1189 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1190 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1191 </div> 1192 </div> 1193 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">41:30</span> 1194 </div> 1195 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN IFMNOTICIAS: PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Salud Hernández, Activista, Periodista y Escritora.</h4> 1196 <p class="text-xs text-gray-400 mt-1">5 vistas · 6 meses</p> 1197 </a> 1198 <a href="#" data-video-id="xa154pg" data-video-title="EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: José Gregorio Martinez, Periodista y el General (r) Héctor Dario Castro." class="group cursor-pointer block"> 1199 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1200 <img src="https://s1.dmcdn.net/v/a9x0K1g3RMGIdnmes/x480" alt="EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: José Gregorio Martinez, Periodista y el General (r) Héctor Dario Castro." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1201 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1202 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1203 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1204 </div> 1205 </div> 1206 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">44:49</span> 1207 </div> 1208 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: José Gregorio Martinez, Periodista y el General (r) Héctor Dario Castro.</h4> 1209 <p class="text-xs text-gray-400 mt-1">7 vistas · 7 meses</p> 1210 </a> 1211 <a href="#" data-video-id="xa1eokm" data-video-title="EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Laura Herrera, Consultora y Analista PolÃtica y Jorge Robledo, Arquitecto y Profesor." class="group cursor-pointer block"> 1212 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1213 <img src="https://s1.dmcdn.net/v/aBdpc1fgpcMOW-aFU/x480" alt="EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Laura Herrera, Consultora y Analista PolÃtica y Jorge Robledo, Arquitecto y Profesor." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1214 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1215 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1215E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1216 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1217 </div> 1218 </div> 1219 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">35:23</span> 1220 </div> 1221 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN IFMNOTICIAS PACHO Y NACHO ENTREVISTAS QUE CONECTAN: Laura Herrera, Consultora y Analista PolÃtica y Jorge Robledo, Arquitecto y Profesor.</h4> 1222 <p class="text-xs text-gray-400 mt-1">13 vistas · 6 meses</p> 1223 </a> 1224 </div> 1225 </div> 1226 1227 <div class="mb-10"> 1228 <div class="flex items-center gap-3 mb-4"> 1229 <h3 class="text-lg font-bold text-gray-900">Vasos Comunicantes</h3> 1230 <span class="text-xs text-gray-400">24 videos</span> 1231 <div class="flex-1"></div> 1232 <a href="/play/vasos-comunicantes/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1233 </div> 1234 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
12345"> 1235 1236 <a href="#" data-video-id="xbc3vcy" data-video-title="LOS VASOS COMUNICANTES: Andrés Uribe Botero, escritor y poeta." class="group cursor-pointer block"> 1237 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1238 <img src="https://s1.dmcdn.net/v/esrc21gj273TL8z7-/x480" alt="LOS VASOS COMUNICANTES: Andrés Uribe Botero, escritor y poeta." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1239 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1240 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1241 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1242 </div> 1243 </div> 1244 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">22:38</span> 1245 </div> 1246 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LOS VASOS COMUNICANTES: Andrés Uribe Botero, escritor y poeta.</h4> 1247 <p class="text-xs text-gray-400 mt-1">33 vistas · Hace 8 dÃas</p> 1248 </a> 1249 <a href="#" data-video-id="xb9linm" data-video-title="LOS VASOS COMUNICANTES: Bibiana Valencia, escritora y poeta." class="group cursor-pointer block"> 1250 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1251 <img src="https://s2.dmcdn.net/v/ecmQo1ghMgx-AUzQu/x480" alt="LOS VASOS COMUNICANTES: Bibiana Valencia, escritora y poeta." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1252 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1253 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1254 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1255 </div> 1256 </div> 1257 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">22:26</span> 1258 </div> 1259 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LOS VASOS COMUNICANTES: Bibiana Valencia, escritora y poeta.</h4> 1260 <p class="text-xs text-gray-400 mt-1">39 vistas · Hace 13 dÃas</p> 1261 </a> 1262 <a href="#" data-video-id="xb64bgi" data-video-title="LOS VASOS COMUNICANTES: Paula Echeverry, escritora y profesora." class="group cursor-pointer block"> 1263 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1264 <img src="https://s2.dmcdn.net/v/eGUK21gen8UqeVZai/x480" alt="LOS VASOS COMUNICANTES: Paula Echeverry, escritora y profesora." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1265 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1266 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1267 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1268 </div> 1269 </div> 1270 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">23:22</span> 1271 </div> 1272 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LOS VASOS COMUNICANTES: Paula Echeverry, escritora y profesora.</h4> 1273 <p class="text-xs text-gray-400 mt-1">9 vistas · Hace 22 dÃas</p> 1274 </a> 1275 <a href="#" data-video-id="xb3zo6i" data-video-title="LOS VASOS COMUNICANTES EN IFMNOTICIAS: Jimmy Abdala, escritor y editor." class="group cursor-pointer block"> 1276 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1277 <img src="https://s2.dmcdn.net/v/e2rGg1ggsDwGujrPg/x480" alt="LOS VASOS COMUNICANTES EN IFMNOTICIAS: Jimmy Abdala, escritor y editor." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1278 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1279 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1279E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1280 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1281 </div> 1282 </div> 1283 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">22:43</span> 1284 </div> 1285 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">LOS VASOS COMUNICANTES EN IFMNOTICIAS: Jimmy Abdala, escritor y editor.</h4> 1286 <p class="text-xs text-gray-400 mt-1">14 vistas · Hace 27 dÃas</p> 1287 </a> 1288 </div> 1289 </div> 1290 1291 <div class="mb-10"> 1292 <div class="flex items-center gap-3 mb-4"> 1293 <h3 class="text-lg font-bold text-gray-900">Visión Emprendedora</h3> 1294 <span class="text-xs text-gray-400">5 videos</span> 1295 <div class="flex-1"></div> 1296 <a href="/play/vision-emprendedora/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1297 </div> 1298 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
12985"> 1299 1300 <a href="#" data-video-id="x9lnise" data-video-title="VISIÃN EMPRENDEDORA en IFMNOTICIAS: Tres proyectos, una visión: emprendimientos de Bibiana Valencia" class="group cursor-pointer block"> 1301 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1302 <img src="https://s1.dmcdn.net/v/YchVU1eobxFcdXyVK/x480" alt="VISIÃN EMPRENDEDORA en IFMNOTICIAS: Tres proyectos, una visión: emprendimientos de Bibiana Valencia" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1303 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1304 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1305 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1306 </div> 1307 </div> 1308 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">18:59</span> 1309 </div> 1310 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">VISIÃN EMPRENDEDORA en IFMNOTICIAS: Tres proyectos, una visión: emprendimientos de Bibiana Valencia</h4> 1311 <p class="text-xs text-gray-400 mt-1">30 vistas · 15 meses</p> 1312 </a> 1313 <a href="#" data-video-id="x9l99b6" data-video-title="VISIOÌN EMPRENDEDORA en IFMNOTICIAS: Del espanÌol al ingleÌs, superando las barreras de la pronunciacioÌn" class="group cursor-pointer block"> 1314 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1315 <img src="https://s2.dmcdn.net/v/Ya91Y1eImvr6QHQEJ/x480" alt="VISIOÌN EMPRENDEDORA en IFMNOTICIAS: Del espanÌol al ingleÌs, superando las barreras de la pronunciacioÌn" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1316 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1317 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1318 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1319 </div> 1320 </div> 1321 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">18:48</span> 1322 </div> 1323 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">VISIOÌN EMPRENDEDORA en IFMNOTICIAS: Del espanÌol al ingleÌs, superando las barreras de la pronunciacioÌn</h4> 1324 <p class="text-xs text-gray-400 mt-1">73 vistas · 15 meses</p> 1325 </a> 1326 <a href="#" data-video-id="x9klpg6" data-video-title="VISIÃN EMPRENDEDORA en IFMNOTICIAS: Poopi, emprendimiento antioqueño que transforma el aseo" class="group cursor-pointer block"> 1327 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1328 <img src="https://s2.dmcdn.net/v/YVymM1epNr48tzuBL/x480" alt="VISIÃN EMPRENDEDORA en IFMNOTICIAS: Poopi, emprendimiento antioqueño que transforma el aseo" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1329 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1330 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1331 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1332 </div> 1333 </div> 1334 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">26:34</span> 1335 </div> 1336 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">VISIÃN EMPRENDEDORA en IFMNOTICIAS: Poopi, emprendimiento antioqueño que transforma el aseo</h4> 1337 <p class="text-xs text-gray-400 mt-1">58 vistas · 16 meses</p> 1338 </a> 1339 <a href="#" data-video-id="x9kxnzg" data-video-title="VISIÃN EMPRENDEDORA: Movilidad eléctrica y personalizada: el enfoque de Toro Use Cars" class="group cursor-pointer block"> 1340 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1341 <img src="https://s2.dmcdn.net/v/YY4-i1g4zoRFmYGsK/x480" alt="VISIÃN EMPRENDEDORA: Movilidad eléctrica y personalizada: el enfoque de Toro Use Cars" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1342 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1343 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1343E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1344 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1345 </div> 1346 </div> 1347 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">22:48</span> 1348 </div> 1349 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">VISIÃN EMPRENDEDORA: Movilidad eléctrica y personalizada: el enfoque de Toro Use Cars</h4> 1350 <p class="text-xs text-gray-400 mt-1">122 vistas · 16 meses</p> 1351 </a> 1352 </div> 1353 </div> 1354 1355 <div class="mb-10"> 1356 <div class="flex items-center gap-3 mb-4"> 1357 <h3 class="text-lg font-bold text-gray-900">Camino a la Gloria</h3> 1358 <span class="text-xs text-gray-400">3 videos</span> 1359 <div class="flex-1"></div> 1360 <a href="/play/camino-a-la-gloria/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1361 </div> 1362 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
13625"> 1363 1364 <a href="#" data-video-id="x9a6s06" data-video-title="Camino a la Gloria - Episodio 3 - Orlando Duque" class="group cursor-pointer block"> 1365 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1366 <img src="https://s1.dmcdn.net/v/XTE561g3pj6D-JAGA/x480" alt="Camino a la Gloria - Episodio 3 - Orlando Duque" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1367 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1368 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1369 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1370 </div> 1371 </div> 1372 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">57:40</span> 1373 </div> 1374 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Camino a la Gloria - Episodio 3 - Orlando Duque</h4> 1375 <p class="text-xs text-gray-400 mt-1">68 vistas · 22 meses</p> 1376 </a> 1377 <a href="#" data-video-id="x99eutk" data-video-title="Camino a la Gloria - Gina Escobar" class="group cursor-pointer block"> 1378 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1379 <img src="https://s1.dmcdn.net/v/XOG281eaQwvkhAHbo/x480" alt="Camino a la Gloria - Gina Escobar" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1380 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1381 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1382 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1383 </div> 1384 </div> 1385 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">80:27</span> 1386 </div> 1387 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Camino a la Gloria - Gina Escobar</h4> 1388 <p class="text-xs text-gray-400 mt-1">1.1K vistas · 22 meses</p> 1389 </a> 1390 <a href="#" data-video-id="x98pmf4" data-video-title="Camino a la Gloria / Fabiola Zuluaga" class="group cursor-pointer block"> 1391 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1392 <img src="https://s1.dmcdn.net/v/XJmd01eotxD7uYG_A/x480" alt="Camino a la Gloria / Fabiola Zuluaga" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1393 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1394 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1395 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1396 </div> 1397 </div> 1398 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">78:08</span> 1399 </div> 1400 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Camino a la Gloria / Fabiola Zuluaga</h4> 1401 <p class="text-xs text-gray-400 mt-1">1.3K vistas · 23 meses</p> 1402 </a> 1403 </div> 1404 </div> 1405 1406 <div class="mb-10"> 1407 <div class="flex items-center gap-3 mb-4"> 1408 <h3 class="text-lg font-bold text-gray-900">Especiales IFM</h3> 1409 <span class="text-xs text-gray-400">24 videos</span> 1410 <div class="flex-1"></div> 1411 <a href="/play/especiales/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1412 </div> 1413 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
14135"> 1414 1415 <a href="#" data-video-id="x9lm88i" data-video-title="ESPECIALES IFMNOTICIAS: La lectura como motor de transformación social: el ecosistema bibliotecario de Comfama" class="group cursor-pointer block"> 1416 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1417 <img src="https://s2.dmcdn.net/v/YcSmo1eMSqWTQ9eKX/x480" alt="ESPECIALES IFMNOTICIAS: La lectura como motor de transformación social: el ecosistema bibliotecario de Comfama" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1418 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1419 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1420 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1421 </div> 1422 </div> 1423 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">26:08</span> 1424 </div> 1425 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">ESPECIALES IFMNOTICIAS: La lectura como motor de transformación social: el ecosistema bibliotecario de Comfama</h4> 1426 <p class="text-xs text-gray-400 mt-1">59 vistas · 15 meses</p> 1427 </a> 1428 <a href="#" data-video-id="x9llnys" data-video-title="ESPECIALES IFMNOTICIAS: Sostenibilidad y bienestar social, la visioÌn integral de C
1428omfama" class="group cursor-pointer block"> 1429 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1430 <img src="https://s1.dmcdn.net/v/YcMMK1eX8HqvAZELd/x480" alt="ESPECIALES IFMNOTICIAS: Sostenibilidad y bienestar social, la visioÌn integral de Comfama" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1431 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1432 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1433 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1434 </div> 1435 </div> 1436 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">25:04</span> 1437 </div> 1438 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">ESPECIALES IFMNOTICIAS: Sostenibilidad y bienestar social, la visioÌn integral de C
1438omfama</h4> 1439 <p class="text-xs text-gray-400 mt-1">64 vistas · 15 meses</p> 1440 </a> 1441 <a href="#" data-video-id="x9lb1j0" data-video-title="âSer padre va más allá de ser papáâ: Especial de IFMNOTICIAS por el DÃa del Padre" class="group cursor-pointer block"> 1442 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1443 <img src="https://s1.dmcdn.net/v/YaTLy1eJ4V26TTJF8/x480" alt="âSer padre va más allá de ser papáâ: Especial de IFMNOTICIAS por el DÃa del Padre" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1444 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1445 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1446 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1447 </div> 1448 </div> 1449 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">14:28</span> 1450 </div> 1451 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">âSer padre va más allá de ser papáâ: Especial de IFMNOTICIAS por el DÃa del Padre</h4> 1452 <p class="text-xs text-gray-400 mt-1">95 vistas · 15 meses</p> 1453 </a> 1454 <a href="#" data-video-id="x9l7u18" data-video-title="ESPECIALES IFMNOTICIAS: Seguridad a la carta, asiÌ ocurrioÌ con Miguel Uribe." class="group cursor-pointer block"> 1455 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1456 <img src="https://s2.dmcdn.net/v/YZupC1g4zyBo74lvE/x480" alt="ESPECIALES IFMNOTICIAS: Seguridad a la carta, asiÌ ocurrioÌ con Miguel Uribe." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1457 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1458 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1459 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1460 </div> 1461 </div> 1462 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">104:05</span> 1463 </div> 1464 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">ESPECIALES IFMNOTICIAS: Seguridad a la carta, asiÌ ocurrioÌ con Miguel Uribe.</h4> 1465 <p class="text-xs text-gray-400 mt-1">291 vistas · 15 meses</p> 1466 </a> 1467 </div> 1468 </div> 1469 1470 <div class="mb-10"> 1471 <div class="flex items-center gap-3 mb-4"> 1472 <h3 class="text-lg font-bold text-gray-900">Videocolumna</h3> 1473 <span class="text-xs text-gray-400">24 videos</span> 1474 <div class="flex-1"></div> 1475 <a href="/play/videocolumna/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1476 </div> 1477 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
14775"> 1478 1479 <a href="#" data-video-id="x9ym2rw" data-video-title="Videocolumna: Miguel Jaramillo Luján análisis sobre encuestas de preferencial electoral 2026" class="group cursor-pointer block"> 1480 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1481 <img src="https://s1.dmcdn.net/v/ZvjsC1g41zLZMj2nS/x480" alt="Videocolumna: Miguel Jaramillo Luján análisis sobre encuestas de preferencial electoral 2026" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1482 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1483 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1484 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1485 </div> 1486 </div> 1487 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">6:54</span> 1488 </div> 1489 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Videocolumna: Miguel Jaramillo Luján análisis sobre encuestas de preferencial electoral 2026</h4> 1490 <p class="text-xs text-gray-400 mt-1">44 vistas · 8 meses</p> 1491 </a> 1492 <a href="#" data-video-id="x9orhr2" data-video-title="Videocolumna Juliana VelaÌsquez" class="group cursor-pointer block"> 1493 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1494 <img src="https://s1.dmcdn.net/v/YwcwU1eeV7sN9o3i9/x480" alt="Videocolumna Juliana VelaÌsquez" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1495 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1496 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1497 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1498 </div> 1499 </div> 1500 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">1:32</span> 1501 </div> 1502 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Videocolumna Juliana VelaÌsquez</h4> 1503 <p class="text-xs text-gray-400 mt-1">26 vistas · 13 meses</p> 1504 </a> 1505 <a href="#" data-video-id="x9o7fdc" data-video-title="Videocolumna Miguel Jaramillo LujaÌn" class="group cursor-pointer block"> 1506 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1507 <img src="https://s2.dmcdn.net/v/Yt2MG1ebdjDIlcsV9/x480" alt="Videocolumna Miguel Jaramillo LujaÌn" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1508 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1509 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1510 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1511 </div> 1512 </div> 1513 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">3:31</span> 1514 </div> 1515 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Videocolumna Miguel Jaramillo LujaÌn</h4> 1516 <p class="text-xs text-gray-400 mt-1">31 vistas · 14 meses</p> 1517 </a> 1518 <a href="#" data-video-id="x9mc20q" data-video-title="Videocolumna Miguel Jaramillo Lujan" class="group cursor-pointer block"> 1519 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1520 <img src="https://s1.dmcdn.net/v/Yh2yw1eQ3wD3-WWAC/x480" alt="Videocolumna Miguel Jaramillo Lujan" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1521 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1522 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1522E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1523 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1524 </div> 1525 </div> 1526 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">1:57</span> 1527 </div> 1528 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">Videocolumna Miguel Jaramillo Lujan</h4> 1529 <p class="text-xs text-gray-400 mt-1">97 vistas · 15 meses</p> 1530 </a> 1531 </div> 1532 </div> 1533 1534 <div class="mb-10"> 1535 <div class="flex items-center gap-3 mb-4"> 1536 <h3 class="text-lg font-bold text-gray-900">En Directo</h3> 1537 <span class="text-xs text-gray-400">24 videos</span> 1538 <div class="flex-1"></div> 1539 <a href="/play/en-directo/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1540 </div> 1541 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
15415"> 1542 1543 <a href="#" data-video-id="x99v1cm" data-video-title="En Vivo Nestor Laso con JoseÌ Ignacio Penagos sobre Visado en Inglaterra y Unión Europea" class="group cursor-pointer block"> 1544 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1545 <img src="https://s2.dmcdn.net/v/XR8MM1g4MAvJPNud7/x480" alt="En Vivo Nestor Laso con JoseÌ Ignacio Penagos sobre Visado en Inglaterra y Unión Europea" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1546 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1547 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1548 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1549 </div> 1550 </div> 1551 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">27:56</span> 1552 </div> 1553 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">En Vivo Nestor Laso con JoseÌ Ignacio Penagos sobre Visado en Inglaterra y Unión Europea</h4> 1554 <p class="text-xs text-gray-400 mt-1">1.7K vistas · 22 meses</p> 1555 </a> 1556 <a href="#" data-video-id="x99maxq" data-video-title="EN VIVO: Maratón MedellÃn (312)" class="group cursor-pointer block"> 1557 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1558 <img src="https://s2.dmcdn.net/v/XPatU1dHgcz5ACfuV/x480" alt="EN VIVO: Maratón MedellÃn (312)" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1559 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1560 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1561 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1562 </div> 1563 </div> 1564 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">92:57</span> 1565 </div> 1566 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN VIVO: Maratón MedellÃn (312)</h4> 1567 <p class="text-xs text-gray-400 mt-1">1 vistas · 22 meses</p> 1568 </a> 1569 <a href="#" data-video-id="x9704ig" data-video-title="En Vivo con François Cavard" class="group cursor-pointer block"> 1570 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1571 <img src="https://s2.dmcdn.net/v/X8q7O1g4tNlMtcI0q/x480" alt="En Vivo con François Cavard" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1572 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1573 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1574 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1575 </div> 1576 </div> 1577 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">47:50</span> 1578 </div> 1579 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">En Vivo con François Cavard</h4> 1580 <p class="text-xs text-gray-400 mt-1">531 vistas · 24 meses</p> 1581 </a> 1582 <a href="#" data-video-id="x96ek7w" data-video-title="EN VIVO: Maratón MedellÃn (311)" class="group cursor-pointer block"> 1583 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1584 <img src="https://s2.dmcdn.net/v/X4-VS1emtq12sQBjb/x480" alt="EN VIVO: Maratón MedellÃn (311)" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1585 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1586 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1586E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1587 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1588 </div> 1589 </div> 1590 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">574:06</span> 1591 </div> 1592 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">EN VIVO: Maratón MedellÃn (311)</h4> 1593 <p class="text-xs text-gray-400 mt-1">6 vistas · 24 meses</p> 1594 </a> 1595 </div> 1596 </div> 1597 1598 <div class="mb-10"> 1599 <div class="flex items-center gap-3 mb-4"> 1600 <h3 class="text-lg font-bold text-gray-900">Un Café Con...</h3> 1601 <span class="text-xs text-gray-400">5 videos</span> 1602 <div class="flex-1"></div> 1603 <a href="/play/un-cafe-con/" class="text-xs font-bold text-[#E87820] hover:underline uppercase">Ver todos â</a> 1604 </div> 1605 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-
16055"> 1606 1607 <a href="#" data-video-id="x8do3h4" data-video-title="((EN VIVO)) UN CAFà CON... HERNÃN CADAVID" class="group cursor-pointer block"> 1608 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1609 <img src="https://s1.dmcdn.net/v/UCtIO1gR-Q6QwlVmB/x480" alt="((EN VIVO)) UN CAFà CON... HERNÃN CADAVID" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1610 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1611 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1612 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1613 </div> 1614 </div> 1615 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">49:45</span> 1616 </div> 1617 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) UN CAFà CON... HERNÃN CADAVID</h4> 1618 <p class="text-xs text-gray-400 mt-1">32 vistas · 49 meses</p> 1619 </a> 1620 <a href="#" data-video-id="x8dip2l" data-video-title="((EN VIVO)) UN CAFà CON - ANDRÃS TOBÃN" class="group cursor-pointer block"> 1621 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1622 <img src="https://s2.dmcdn.net/v/UBvnj1gRflhw4OdF5/x480" alt="((EN VIVO)) UN CAFà CON - ANDRÃS TOBÃN" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1623 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1624 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1625 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1626 </div> 1627 </div> 1628 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">47:03</span> 1629 </div> 1630 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) UN CAFà CON - ANDRÃS TOBÃN</h4> 1631 <p class="text-xs text-gray-400 mt-1">53 vistas · 49 meses</p> 1632 </a> 1633 <a href="#" data-video-id="x8dc101" data-video-title="((EN VIVO)) UN CAFà CON... PIERRE ONZAGA" class="group cursor-pointer block"> 1634 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1635 <img src="https://s2.dmcdn.net/v/UAjqH1cleEieIs8Zf/x480" alt="((EN VIVO)) UN CAFà CON... PIERRE ONZAGA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1636 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1637 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1638 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1639 </div> 1640 </div> 1641 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">56:05</span> 1642 </div> 1643 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">((EN VIVO)) UN CAFà CON... PIERRE ONZAGA</h4> 1644 <p class="text-xs text-gray-400 mt-1">1 vistas · 49 meses</p> 1645 </a> 1646 <a href="#" data-video-id="x8d86m1" data-video-title="UN CAFEÌ CON... PIERRE ONZAGA" class="group cursor-pointer block"> 1647 <div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2"> 1648 <img src="https://s1.dmcdn.net/v/UA21v1eA6GfDqUWEV/x480" alt="UN CAFEÌ CON... PIERRE ONZAGA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" /> 1649 <div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> 1650 <div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#
1650E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"> 1651 <svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1652 </div> 1653 </div> 1654 <span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">56:05</span> 1655 </div> 1656 <h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">UN CAFEÌ CON... PIERRE ONZAGA</h4> 1657 <p class="text-xs text-gray-400 mt-1">5 vistas · 49 meses</p> 1658 </a> 1659 </div> 1660 </div> 1661 1662 1663 1664 </div> 1665 </section> 1666 1667 1668 <!-- âââ CTA RADIO âââââââââââââââââââââââââââââââââââââââââââââââ --> 1669 <section class="container mx-auto px-4 py-8"> 1670 <div class="max-w-3xl mx-auto"> 1671 <div class="bg-gradient-to-br from-[#1B3070] to-[#475da4] rounded-2xl p-6 text-white flex flex-col md:flex-row items-center gap-4"> 1672 <div class="flex items-center gap-3"> 1673 <div class="w-10 h-10 rounded-full bg-[#E87820] flex items-center justify-center shrink-0"> 1674 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072M18.364 5.636a9 9 0 010 12.728M9 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg> 1675 </div> 1676 <div> 1677 <h3 class="text-sm font-bold uppercase tracking-wider">IFM Radio</h3> 1678 <p class="text-xs text-white/60">También en vivo</p> 1679 </div> 1680 </div> 1681 <p class="text-sm text-white/70 flex-1">Escucha la emisora de IFM Noticias en cualquier momento.</p> 1682 <a href="/radio/" class="px-5 py-2.5 bg-[#E87820] text-white text-sm font-bold rounded-xl hover:bg-[#d06a18] transition-colors shrink-0">Escuchar Radio â</a> 1683 </div> 1684 </div> 1685 </section> 1686 1687 </main> 1688 1689 <!-- Video modal (plays video inline) --> 1690 <div id="video-modal" class="fixed inset-0 z-[60] bg-black/80 hidden items-center justify-center p-4" style="display:none"> 1691 <div class="w-full max-w-4xl"> 1692 <div class="flex justify-end mb-2"> 1693 <button id="video-modal-close" class="text-white/70 hover:text-white p-2" aria-label="Cerrar"> 1694 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> 1695 </button> 1696 </div> 1697 <div class="rounded-2xl overflow-hidden bg-black"> 1698 <div class="relative" style="padding-top:56.25%"> 1699 <iframe id="video-modal-player" class="absolute inset-0 w-full h-full border-0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> 1700 </div> 1701 </div> 1702 <p id="video-modal-title" class="text-white text-sm font-medium mt-3 text-center"></p> 1703 </div> 1704 </div> 1705 1706
1706<script> 1707 (function() { 1708 var modal = document.getElementById('video-modal'); 1709 var player = document.getElementById('video-modal-player'); 1710 var title = document.getElementById('video-modal-title'); 1711 var closeBtn = document.getElementById('video-modal-close'); 1712 1713 document.addEventListener('click', function(e) { 1714 var card = e.target.closest('[data-video-id]'); 1715 if (!card) return; 1716 e.preventDefault(); 1717 var vid = card.dataset.videoId; 1718 var vtitle = card.dataset.videoTitle || ''; 1719 player.src = 'https://www.dailymotion.com/embed/video/' + vid + '?autoplay=1&mute=0&quality=auto&ui-logo=false'; 1720 title.textContent = vtitle; 1721 modal.style.display = 'flex'; 1722 document.body.style.overflow = 'hidden'; 1723 }); 1724 1725 function closeModal() { 1726 modal.style.display = 'none'; 1727 player.src = ''; 1728 title.textContent = ''; 1729 document.body.style.overflow = ''; 1730 } 1731 1732 closeBtn.addEventListener('click', closeModal); 1733 modal.addEventListener('click', function(e) { 1734 if (e.target === modal) closeModal(); 1735 }); 1736 document.addEventListener('keydown', function(e) { 1737 if (e.key === 'Escape' && modal.style.display === 'flex') closeModal(); 1738 }); 1739 })(); 1740 1741 // Load more videos 1742 (function() { 1743 var btn = document.getElementById('play-load-more'); 1744 if (!btn) return; 1745 var grid = document.getElementById('play-videos-grid'); 1746 btn.addEventListener('click', function() { 1747 var pid = btn.dataset.playlist; 1748 var page = parseInt(btn.dataset.page) || 2; 1749 btn.textContent = 'Cargando...'; 1750 btn.disabled = true; 1751 fetch('/api/play/videos/' + pid + '?page=' + page) 1752 .then(function(r) { return r.json(); }) 1753 .then(function(data) { 1754 if (!data.videos || !data.videos.length) { 1755 btn.textContent = 'No hay más videos'; 1756 return; 1757 } 1758 data.videos.forEach(function(v) { 1759 var card = document.createElement('a'); 1760 card.href = '#'; 1761 card.dataset.videoId = v.id; 1762 card.dataset.videoTitle = v.title; 1763 card.className = 'group cursor-pointer block'; 1764 card.innerHTML = '<div class="relative rounded-xl overflow-hidden bg-gray-200 aspect-video mb-2">' 1765 + '<img src="' + v.thumbnail + '" alt="' + v.title.replace(/"/g, '') + '" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />' 1766 + '<div class="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center">' 1767 + '<div class="w-12 h-12 rounded-full bg-black/60 group-hover:bg-[#E87820] flex items-center justify-center transition-colors opacity-0 group-hover:opacity-100"><svg class="w-5 h-5 text-white ml-0.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></div></div>' 1768 + (v.duration ? '<span class="absolute bottom-2 right-2 bg-black/80 text-white text-[10px] font-bold px-1.5 py-0.5 rounded">' + v.duration + '</span>' : '') 1769 + '</div>' 1770 + '<h4 class="text-sm font-semibold text-gray-900 group-hover:text-[#1B3070] transition-colors line-clamp-2 leading-snug">' + v.title + '</h4>'; 1771 grid.appendChild(card); 1772 }); 1773 btn.dataset.page = page + 1; 1774 btn.textContent = 'Cargar más videos'; 1775 btn.disabled = false; 1776 if (!data.hasMore) { 1777 btn.style.display = 'none'; 1778 } 1779 }) 1780 .catch(function() { 1781 btn.textContent = 'Error al cargar'; 1782 btn.disabled = false; 1783 }); 1784 }); 1785 })(); 1786 </script>
1786 1787 1788 1789 <footer class="bg-[#1B3070] text-white mt-12"> 1790 <div class="container mx-auto px-4 py-10"> 1791 <div class="grid grid-cols-2 md:grid-cols-5 gap-8"> 1792 1793 <!-- Brand & Social --> 1794 <div class="col-span-2 md:col-span-1"> 1795 <a href="/" class="inline-block mb-4" aria-label="IFM Noticias"> 1796 <img src="/img/logo.png" alt="IFM Noticias" class="h-10 w-auto"> 1797 </a> 1798 <p class="text-sm text-gray-300 leading-relaxed mb-4">Noticias de MedellÃn, el Valle de Aburrá, Antioquia y Colombia. Información en tiempo real.</p> 1799 <div class="flex flex-wrap gap-2"> 1800 <a href="https://www.facebook.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#E87820] transition-colors" aria-label="Facebook"> 1801 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg> 1802 </a> 1803 <a href="https://www.instagram.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#E87820] transition-colors" aria-label="Instagram"> 1804 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> 1805 </a> 1806 <a href="https://twitter.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#E87820] transition-colors" aria-label="X / Twitter"> 1807 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> 1808 </a> 1809 <a href="https://www.youtube.com/@ifmnoticias" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#E87820] transition-colors" aria-label="YouTube"> 1810 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> 1811 </a> 1812 <a href="https://www.dailymotion.com/ifmnoticias" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#E87820] transition-colors" aria-label="Dailymotion"> 1813 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M13.11 15.489c-1.704 0-2.826-1.163-2.826-2.743 0-1.663 1.122-2.868 2.826-2.868 1.663 0 2.784 1.205 2.784 2.868 0 1.58-1.121 2.743-2.784 2.743zm6.593-12.86h-4.265v3.95l-.083-.04a5.91 5.91 0 00-3.036-.828c-1.828 0-3.494.704-4.766 2.017C6.281 9.041 5.577 10.707 5.577 12.66c0 2.118.745 3.908 2.158 5.18 1.288 1.163 2.91 1.787 4.68 1.787 1.247 0 2.41-.332 3.41-.953l.12-.082v.663h3.756V2.629z"/></svg> 1814 </a> 1815 <a href="https://chat.whatsapp.com/KPSRKxhTvMgGBiOFde5LjR" class="w-8 h-8 flex items-center justify-center rounded-full bg-white/10 hover:bg-[#
1815E87820] transition-colors" aria-label="WhatsApp"> 1816 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg> 1817 </a> 1818 </div> 1819 </div> 1820 1821 <!-- Secciones --> 1822 <div> 1823 <h3 class="text-sm font-bold uppercase tracking-wider text-gray-400 mb-3">Secciones</h3> 1824 <ul class="space-y-2"> 1825 <li><a href="/colombia/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Colombia</a></li><li><a href="/politica/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">PolÃtica</a></li><li><a href="/economicas/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Económicas</a></li><li><a href="/deportes/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Deportes</a></li><li><a href="/judicial/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Judicial</a></li><li><a href="/internacional/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Internacional</a></li><li><a href="/opinion/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Opinión</a></li><li><a href="/gente-bacana/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Gente Bacana</a></li><li><a href="/especiales/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Especiales</a></li> 1826 <li><a href="/pico-y-placa-medellin/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Pico y Placa MedellÃn</a></li> 1827 </ul> 1828 </div> 1829 1830 <!-- Marcas IFM --> 1831 <div> 1832 <h3 class="text-sm font-bold uppercase tracking-wider text-gray-400 mb-3">Nuestras Marcas</h3> 1833 <ul class="space-y-3"> 1834 <li> 1835 <a href="/play/" class="flex items-center gap-2 text-sm text-gray-300 hover:text-[#E87820] transition-colors group"> 1836 <span class="w-7 h-7 flex items-center justify-center rounded bg-white/10 group-hover:bg-[#E87820] transition-colors flex-shrink-0"> 1837 <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> 1838 </span> 1839 IFM Play (TV) 1840 </a> 1841 </li> 1842 <li> 1843 <a href="/radio/" class="flex items-center gap-2 text-sm text-gray-300 hover:text-[#E87820] transition-colors group"> 1844 <span class="w-7 h-7 flex items-center justify-center rounded bg-white/10 group-hover:bg-[#E87820] transition-colors flex-shrink-0"> 1845 <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 1a4 4 0 00-4 4v7a4 4 0 008 0V5a4 4 0 00-4-4zm6 11a6 6 0 01-12 0H4a8 8 0 0016 0h-2zm-7 8.93V23h2v-2.07A10 10 0 0022 11h-2a8 8 0 01-16 0H2a10 10 0 008 9.93z"/></svg> 1846 </span> 1847 IFM Radio 1848 </a> 1849 </li> 1850 <li> 1851 <a href="/deportes/" class="flex items-center gap-2 text-sm text-gray-300 hover:text-[#E87820] transition-colors group">
1852 <span class="w-7 h-7 flex items-center justify-center rounded bg-white/10 group-hover:bg-[#E87820] transition-colors flex-shrink-0"> 1853 <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 2.07c2.59.44 4.82 2.08 5.96 4.35L14.1 9.98c-.17-.55-.42-1.06-.75-1.5l-.35-.43V4.07zM11 4.07v3.98l-.35.43c-.33.44-.58.95-.75 1.5L5.04 8.42C6.18 6.15 8.41 4.51 11 4.07zM4.63 14.03c-.09-.66-.13-1.33-.13-2.03 0-.55.05-1.09.14-1.61l4.89 1.61-1.89 3.26a7.953 7.953 0 01-3.01-1.23zM12 20c-2.35 0-4.46-1.01-5.93-2.63l1.88-3.25h8.1l1.88 3.25A7.972 7.972 0 0112 20zm7.37-5.97a7.953 7.953 0 01-3.01 1.23l-1.89-3.26 4.89-1.61c.09.52.14 1.06.14 1.61 0 .7-.04 1.37-.13 2.03z"/></svg> 1854 </span> 1855 IFM Deportes 1856 </a> 1857 </li> 1858 <li> 1859 <a href="/gente-bacana/" class="flex items-center gap-2 text-sm text-gray-300 hover:text-[#E87820] transition-colors group"> 1860 <span class="w-7 h-7 flex items-center justify-center rounded bg-white/10 group-hover:bg-[#E87820] transition-colors flex-shrink-0"> 1861 <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg> 1862 </span> 1863 Gente Bacana 1864 </a> 1865 </li> 1866 </ul> 1867 </div> 1868 1869 <!-- Nosotros --> 1870 <div> 1871 <h3 class="text-sm font-bold uppercase tracking-wider text-gray-400 mb-3">Nosotros</h3> 1872 <ul class="space-y-2"> 1873 <li><a href="/quienes-somos/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Quiénes Somos</a></li> 1874 <li><a href="/equipo/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Nuestro Equipo</a></li> 1875 <li><a href="/politica-editorial/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">PolÃtica Editorial</a></li> 1876 <li><a href="/correcciones/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Correcciones</a></li> 1877 <li class="pl-3 border-l border-white/10 space-y-2 mt-1"> 1878 <a href="/codigo-deontologico-y-principios-editoriales/" class="block text-xs text-gray-400 hover:text-[#E87820] transition-colors">Código Deontológico</a> 1879 <a href="/manual-de-estilo-editorial/" class="block text-xs text-gray-400 hover:text-[#E87820] transition-colors">Manual de Estilo</a> 1880 <a href="/manual-de-proteccion-y-seguridad-a-periodistas-ifmnoticias/" class="block text-xs text-gray-400 hover:text-[#E87820] transition-colors">Protección a Periodistas</a> 1881 <a href="/sistema-de-autocontrol-y-gestion-del-riesgo-la-ft-fpadm/" class="block text-xs text-gray-400 hover:text-[#E87820] transition-colors">LA/FT/FPADM</a> 1882 <a href="/defensor-del-lector/" class="block text-xs text-gray-400 hover:text-[#E87820] transition-colors">Defensor del Lector</a> 1883 </li> 1884 <li><a href="/contacto/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Contacto</a></li> 1885 <li><a href="/publicidad/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Paute con Nosotros</a></li> 1886 <li><a href="/terminos/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Términos y Condiciones</a></li> 1887 <li><a href="/politica-de-privacidad/" class="text-sm text-gray-300 hover:text-[#E87820] transition-colors">Privacidad</a></li> 1888 </ul> 1889 </div> 1890 1891 <!-- App / Multimedia --> 1892 <div class="col-span-2 md:col-span-1"> 1893 <h3 class="text-sm font-bold uppercase tracking-wider text-gray-400 mb-3">Multimedia</h3> 1894 <p class="text-sm text-gray-300 leading-relaxed mb-3">Conéctate con nosotros en todas las plataformas. Noticias en vivo, radio y entretenimiento.</p> 1895 <a href="/play/" class="inline-flex items-center gap-2 text-sm bg-[#E87820] hover:bg-orange-600 text-white px-4 py-2 rounded-lg transition-colors font-medium"> 1896 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
1896<path d="M8 5v14l11-7z"/></svg> 1897 Ver IFM Play en vivo 1898 </a> 1899 </div> 1900 1901 </div> 1902 1903 <!-- Memberships & Certifications row --> 1904 <div class="border-t border-white/10 mt-8 pt-6"> 1905 <div class="flex flex-col items-center gap-6 text-center"> 1906 <div class="flex items-center gap-4"> 1907 <p class="text-xs text-gray-400 uppercase tracking-wider font-medium">Miembros de</p> 1908 <div class="flex items-center gap-5"> 1909 <span class="text-sm text-gray-300 font-medium">Medialco</span> 1910 <span class="text-gray-600">|</span> 1911 <span class="text-sm text-gray-300 font-medium">Corprensa</span> 1912 <span class="text-gray-600">|</span> 1913 <span class="text-sm text-gray-300 font-medium">ACOPI</span> 1914 </div> 1915 </div> 1916 <div class="flex items-center gap-4 bg-white/5 rounded-2xl px-6 py-4 border border-white/10"> 1917 <img src="/img/no-fake-news.webp" alt="No Fake News â Certificado por Medialco" class="h-20 w-auto" loading="lazy" /> 1918 <div class="text-left"> 1919 <p class="text-sm font-bold text-white uppercase tracking-wide">No Fake News</p> 1920 <p class="text-xs text-gray-400">Certificado por Medialco</p> 1921 <p class="text-[10px] text-gray-500 mt-0.5">Medios Digitales Fiables de Colombia</p> 1922 </div> 1923 </div> 1924 </div> 1925 </div> 1926 1927 <!-- Recognitions row --> 1928 <div class="border-t border-white/10 mt-6 pt-8 pb-2"> 1929 <h4 class="text-xs text-gray-400 uppercase tracking-wider font-medium mb-6 text-center">Reconocimientos</h4> 1930 <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-7 gap-4"> 1931 1932 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1933 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-3.webp" alt="Orden al Mérito Juan del Corral â Concejo de MedellÃn" class="w-full h-full object-contain" loading="lazy" /> 1934 </div> 1935 1936 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1937 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-4.webp" alt="Moción de Reconocimiento 054 de 2025 â Cámara de Representantes" class="w-full h-full object-contain" loading="lazy" /> 1938 </div> 1939 1940 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1941 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-5.webp" alt="Reconocimiento â Gobernación de Antioquia" class="w-full h-full object-contain" loading="lazy" /> 1942 </div> 1943 1944 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1945 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-7.webp" alt="Orden al Mérito Jorge Robledo â Asamblea Departamental de Antioquia" class="w-full h-full object-contain" loading="lazy" /> 1946 </div> 1947 1948 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1949 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-6.webp" alt="Premio Piñón de Oro â ACOPI Colombia" class="w-full h-full object-contain" loading="lazy" /> 1950 </div> 1951 1952 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1953 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-1.webp" alt="Excelencia PeriodÃstica â Corprensa" class="w-full h-full object-contain" loading="lazy" /> 1954 </div> 1955 1956 <div class="bg-white/95 rounded-xl p-3 flex items-center justify-center aspect-square"> 1957 <img src="https://storage.googleapis.com/ifmnoticias-media/site/reconocimiento-2.webp" alt="Mejor Medio Digital con proyección internacional â Corprensa" class="w-full h-full object-contain" loading="lazy" /> 1958 </div> 1959 1960 </div> 1961 </div> 1962 1963 <!-- Bottom copyright bar --> 1964 <div class="border-t border-white/10 mt-6 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3"> 1965 <p class="text-xs text-gray-400">© 2026 IFM Noticias. Todos los derechos reservados.</p> 1966 <a href="https://btodigital.com" target="_blank" rel="noopener" class="text-[10px] text-gray-500 hover:text-[#E87820] transition-colors">Desarrollado por <strong class="font-semibold text-gray-400">btodigital</strong> · Agencia de marketing digital con inteligencia artificial</a> 1967 <p class="text-xs text-gray-500">MedellÃn, Colombia</p> 1968 </div> 1969 </div> 1970 </footer> 1971 1972 <!-- El anchor inferior de móvil lo coloca ahora Auto Ads de AdSense (formato 1973 cerrable), activado en el panel el 4-sep-2026. Se retiró el banner sticky manual: 1974 tenÃa data-ad-slot vacÃo (nunca llenaba) y reservaba 65px de hueco blanco. --> 1975 1976 <!-- External links ALWAYS open in new tab --> 1977
1977<script> 1978 (function(){ 1979 function fixLinks(root){(root||document).querySelectorAll('a[href]').forEach(function(a){if(a.hostname&&a.hostname!==location.hostname&&!a.hasAttribute('download')){a.setAttribute('target','_blank');a.setAttribute('rel','noopener')}})} 1980 fixLinks(); 1981 document.addEventListener('click',function(e){var a=e.target.closest('a');if(a&&a.hostname&&a.hostname!==location.hostname&&!a.hasAttribute('download')){a.setAttribute('target','_blank');a.setAttribute('rel','noopener')}}); 1982 new MutationObserver(function(m){m.forEach(function(r){r.addedNodes.forEach(function(n){if(n.nodeType===1)fixLinks(n)})})}).observe(document.body,{childList:true,subtree:true}); 1983 })(); 1984 </script>
1984 1985 1986 <!-- GA4 (carga directa â complementa GTM como respaldo) -->
vendor: 66 bytes, lines 1986-1987
1986 1987 <script async src="https://www.googletagmanager.com/gtag/js?id=
1987G-R3MS0KWB3E
vendor: 14 bytes, lines 1987-1988
1987"></script> 1988
1988<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)} 1989 var sv=(document.cookie.match(/ifm_origin=([^;]+)/)||[])[1]||'new'; 1990 gtag('js',new Date());gtag('config','G-R3MS0KWB3E',{site_version:sv}); 1991 window.dataLayer.push({site_version:sv,event:'ab_test_version'});</script>
1991 1992 1993 <!-- Dynamic ad zone injection: creates data-promo placeholders for any layout zone 1994 not already present in the page HTML, so admin-created zones appear automatically --> 1995
1995<script> 1996 (function(){ 1997 var known={}; 1998 document.querySelectorAll('[data-promo]').forEach(function(el){known[el.getAttribute('data-promo')]=1}); 1999 var zones=["article-after-content","seccion-top-a","sidebar-top","article-before-content","home-mid","sidebar-mid","home-top","section-top"]; 2000 var missing=zones.filter(function(s){return !known[s]}); 2001 if(!missing.length)return; 2002 var wrap=document.createElement('div'); 2003 wrap.id='ifm-extra-zones'; 2004 wrap.className='max-w-7xl mx-auto px-4 py-2'; 2005 missing.forEach(function(slug){ 2006 var d=document.createElement('div'); 2007 d.setAttribute('data-promo',slug); 2008 d.className='sponsor-slot py-2'; 2009 wrap.appendChild(d); 2010 }); 2011 var main=document.querySelector('main')||document.querySelector('#main-content'); 2012 if(main&&main.parentNode){main.parentNode.insertBefore(wrap,main.nextSibling)}else{document.body.appendChild(wrap)} 2013 })(); 2014 </script>
2014 2015 2016 <!-- Deferred JS --> 2017
2017<script src="/js/menu.js?v=1790290084000" defer></script>
2017 2018
2018<script src="/js/promo.js?v=1790290084000" defer></script>
2018 2019
2019<script src="/js/interstitial.js?v=1790290084000" defer></script>
2019 2020
2020<script src="/js/share.js?v=1790290084000" defer></script>
2020 2021
2021<script src="/js/widgets.js?v=1790290084000" defer></script>
2021 2022
2022<script src="/js/mow-audio.js?v=1790290084000" defer></script>
2022 2023
2023<script src="/js/analytics.js?v=1790290084000" defer></script>
2023 2024
2024<script src="/js/reading-progress.js?v=1790290084000" defer></script>
2024 2025
2025<script src="/js/dark-mode.js?v=1790290084000" defer></script>
2025 2026
2026<script src="/js/ticker.js?v=1790290084000" defer></script>
2026 2027
2027<script src="/js/load-more.js?v=1790290084000" defer></script>
2027 2028 2029 <!-- Cloudflare Web Analytics -->
vendor: 102 bytes, lines 2029-2030
2029 2030 <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
2030e9e21dccdff44807b09c36f4889962bd
vendor: 16 bytes, lines 2030-2031
2030"}'></script> 2031
2031<script>if('serviceWorker' in navigator)navigator.serviceWorker.register('/sw.js').catch(function(){})</script>
2031 2032</body> 2033</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.