<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Últimas Noticias de La Rioja, Argentina | Rioja24</title>
    <meta name="description" content="Noticias de La Rioja, Argentina. Información actualizada sobre política, policiales, deportes, economía de la provincia. Cobertura local las 24 horas.">
    <meta property="og:title" content="Últimas Noticias de La Rioja, Argentina | Rioja24">
    <meta property="og:description" content="Noticias de La Rioja, Argentina. Información actualizada sobre política, policiales, deportes, economía de la provincia. Cobertura local las 24 horas.">
    <meta property="og:locale" content="es">
    <link rel="canonical" href="https://www.rioja24.com.ar/?feed=rss2">
    <meta name="robots" content="index, follow">
        <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Últimas Noticias de La Rioja, Argentina | Rioja24">
    <meta name="twitter:description" content="Noticias de La Rioja, Argentina. Información actualizada sobre política, policiales, deportes, economía de la provincia. Cobertura local las 24 horas.">
                <link rel="icon" type="image/png" href="/uploads/branding/favicon-1767647619.png">
    <link rel="apple-touch-icon" href="/uploads/branding/favicon-1767647619.png">
        <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- ========== PRELOADS (LCP OPTIMIZADO) ========== -->
    <link rel="preload" href="/themes/newspaper-1/theme.css" as="style">
    <link rel="preload" href="/themes/common/bundle.css" as="style">
        <link rel="preload" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&amp;family=Inter:wght@400;500;600;700;800&amp;display=swap" as="style" onload="this.rel='stylesheet'">
        
    <!-- ========== CSS CRÍTICO ========== -->
    <link rel="stylesheet" href="/themes/newspaper-1/theme.css">
    <link rel="stylesheet" href="/themes/common/bundle.css">
    
    <!-- ========== LAZY LOAD (no bloquean render) ========== -->
    <link rel="stylesheet" href="/themes/common/nebo-widget.css" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="/themes/common/share-modal.css" media="print" onload="this.media='all'">
    <!-- ========== FIN CSS ========== -->
    
    <style>
        :root {
            --accent: #e13f40;
            --bg: #ffffff;
            --card: #f9fafb;
            --font-heading: 'Merriweather', serif;
            --font-body: 'Inter', sans-serif;
            --font-title-size: 35px;
            --font-title-weight: 700;
            --font-body-size: 18px;
            --font-body-weight: 400;
        }
        .header {
            background: #ffffff !important;
        }
    </style>
        <style id="custom-css">
.author-box {
    display: flex;
    gap: 20px;
    padding: 24px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 0px !important;
    margin-top: 16px;
}

.footer-tagline {
    color: var(--muted, #9ca3af);
    font-size: 14px !important;
    margin-bottom: 24px;
}

.sidebar-widget {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 0px !important;
    padding: 20px;
    margin-bottom: 20px;
}

.scroll-to-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f5eded !important;
    border: 1px solid #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
}

.widget-trending-image {
    width: 56px;
    height: 56px;
    border-radius: 0px !important;
    overflow: hidden;
    flex-shrink: 0;
}

.author-card {
    background: #ffffff !important;
    border: none;
}    </style>
                <!-- Scripts Personalizados HEAD -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D5HF3ER808"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-D5HF3ER808');
</script>

<!-- MGID -->
<script src="https://jsc.mgid.com/site/1073653.js" async></script>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4639103001184697"
     crossorigin="anonymous"></script>
    </head>
<body>
    <!-- Scripts Personalizados BODY -->
<div data-type="_mgwidget" data-widget-id="1931424">
</div>
<script>(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");
</script>


<div data-type="_mgwidget" data-widget-id="1940095"></div>
<script>(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");</script>        
<header class="header header-premium">
    <!-- Barra accent -->
    <div class="accent-bar"></div>
    
    <!-- Fila de fecha -->
    <div class="date-row">
        <span class="date">Miércoles, 16 de Septiembre 2026</span>
    </div>
    
    <!-- Barra principal -->
    <div class="header-main">
        <!-- Izquierda: Hamburguesa + Redes -->
        <div class="header-left-section">
            <button class="menu-toggle" onclick="toggleMenu()" title="Menú">
                <svg viewBox="0 0 24 24"><path d="M4 6h10M4 12h16M4 18h16"/></svg>
            </button>
            
            <div class="header-social">
                                                                            </div>
        </div>
        
        <!-- Centro: Logo -->
        <a href="/" class="logo">
                        <img src="/uploads/branding/logo-1767644892.png" alt="RIOJA24.COM.AR">
                    </a>
        
        <!-- Derecha: Caja búsqueda -->
        <div class="header-right-section">
            <form action="/search" method="GET" class="header-search-box">
                <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
                <input type="text" name="q" placeholder="Buscar...">
            </form>
            <!-- Icono búsqueda mobile -->
            <button class="search-btn-mobile" onclick="openSearchModal()" title="Buscar">
                <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
            </button>
        </div>
    </div>
    
    <!-- Nav bar -->
    <nav class="header-nav-bar">
        <a href="/la-rioja" class="highlight">La Rioja</a>
            <a href="/economia" >Economía</a>
            <a href="/deportes" >Deportes</a>
            <a href="/policiales" >Policiales</a>
            <a href="/politica" >Política</a>
            <a href="/internacional" >Internacional</a>
            <a href="/turismo" >Turismo</a>
        </nav>
</header>

<style>
/* ========== HEADER PREMIUM STYLE ========== */
.header.header-premium {
    position: relative;
    z-index: 100;
    background: #ffffff;
    height: auto !important;
}

/* Accent bar */
.header-premium .accent-bar {
    height: 4px;
    background: linear-gradient(90deg, #e13f40 0%, #e13f40 20%, #1a1a1a 20%, #1a1a1a 100%);
}

/* Date row */
.header-premium .date-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 30px;
    background: #f5f5f5;
}

.header-premium .date {
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Main bar */
.header-premium .header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    background: #ffffff;
}

/* Left section: Hamburguesa + Redes */
.header-premium .header-left-section {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 280px;
}

/* Hamburguesa - MÁS GRANDE */
.header-premium .menu-toggle {
    display: flex;
    width: 48px;
    height: 48px;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-premium .menu-toggle svg {
    width: 28px;
    height: 28px;
    stroke: #1a1a1a;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
}

/* Redes sociales - MÁS GRANDES */
.header-premium .header-social {
    display: flex;
    gap: 10px;
}

.header-premium .header-social a {
    width: 42px;
    height: 42px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.header-premium .header-social a:hover {
    background: #e13f40;
}

.header-premium .header-social svg {
    width: 20px;
    height: 20px;
    fill: #666666;
}

.header-premium .header-social a:hover svg {
    fill: #ffffff;
}

/* Logo */
.header-premium .logo {
    font-family: var(--font-heading, 'Playfair Display', Georgia, serif);
    font-size: 2.2rem;
    font-weight: 900;
    color: #1a1a1a;
    text-decoration: none;
}

.header-premium .logo img {
    height: 90px;
    max-width: 400px;
    object-fit: contain;
}

/* Right section: Búsqueda */
.header-premium .header-right-section {
    display: flex;
    align-items: center;
    min-width: 280px;
    justify-content: flex-end;
}

/* Caja búsqueda - AMPLIA */
.header-premium .header-search-box {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    padding: 0 15px;
    width: 280px;
    transition: all 0.2s ease;
}

.header-premium .header-search-box:focus-within {
    border-color: #e13f40;
    box-shadow: 0 0 0 3px #e13f4020;
}

.header-premium .header-search-box svg {
    width: 18px;
    height: 18px;
    stroke: #999;
    fill: none;
    stroke-width: 2;
    flex-shrink: 0;
}

.header-premium .header-search-box input {
    border: none;
    background: transparent;
    padding: 12px 10px;
    font-size: 14px;
    width: 100%;
    outline: none;
    font-family: var(--font-body, sans-serif);
}

.header-premium .header-search-box input::placeholder {
    color: #999;
}

/* Botón búsqueda mobile (oculto en PC) */
.header-premium .search-btn-mobile {
    display: none;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-premium .search-btn-mobile svg {
    width: 22px;
    height: 22px;
    stroke: #1a1a1a;
    fill: none;
    stroke-width: 2;
}

/* Nav bar */
.header-premium .header-nav-bar {
    display: flex;
    justify-content: center;
    gap: 25px;
    padding: 12px 30px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #ffffff;
}

.header-premium .header-nav-bar a {
    font-family: var(--font-body, sans-serif);
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.03em;
    transition: color 0.2s ease;
}

.header-premium .header-nav-bar a:hover {
    color: #e13f40;
}

.header-premium .header-nav-bar a.highlight {
    color: #e13f40;
}

/* Padding del main */
.header-premium ~ .nav-mobile ~ .main,
.header-premium + .nav-mobile + .main {
    padding-top: 24px;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    .header-premium .header-search-box {
        width: 220px;
    }
    
    .header-premium .header-left-section {
        min-width: 220px;
    }
    
    .header-premium .header-right-section {
        min-width: 220px;
    }
    
    .header-premium .header-social a:nth-child(n+4) {
        display: none; /* Mostrar solo 3 redes */
    }
}

@media (max-width: 768px) {
    .header.header-premium {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .header-premium .date-row {
        padding: 6px 16px;
    }
    
    .header-premium .date {
        font-size: 10px;
    }
    
    .header-premium .header-main {
        padding: 28px 16px;
        position: relative;
    }
    
    .header-premium .header-left-section {
        position: absolute;
        left: 16px;
        min-width: auto;
    }
    
    .header-premium .menu-toggle {
        width: 44px;
        height: 44px;
    }
    
    .header-premium .header-social {
        display: none; /* Ocultar redes en mobile */
    }
    
    .header-premium .logo {
        margin: 0 auto;
        font-size: 1.6rem;
    }
    
    .header-premium .logo img {
        height: 50px;
        max-width: 220px;
    }
    
    .header-premium .header-right-section {
        position: absolute;
        right: 16px;
        min-width: auto;
    }
    
    .header-premium .header-search-box {
        display: none; /* Ocultar caja en mobile */
    }
    
    .header-premium .search-btn-mobile {
        display: flex; /* Mostrar icono en mobile */
    }
    
    .header-premium .header-nav-bar {
        display: none;
    }
    
    .header-premium ~ .nav-mobile ~ .main,
    .header-premium + .nav-mobile + .main {
        padding-top: 145px;
    }
}
</style>    
    <nav class="nav-mobile mobile-default">
            <a href="/deportes">
                        <span class="link-text">Deportes</span>
        </a>
                <a href="/economia">
                        <span class="link-text">Economía</span>
        </a>
                <a href="/internacional">
                        <span class="link-text">Internacional</span>
        </a>
                <a href="/la-rioja">
                        <span class="link-text">La Rioja</span>
        </a>
                <a href="/policiales">
                        <span class="link-text">Policiales</span>
        </a>
                <a href="/politica">
                        <span class="link-text">Política</span>
        </a>
                <a href="/salud">
                        <span class="link-text">Salud</span>
        </a>
                <a href="/tecnologia">
                        <span class="link-text">Tecnología</span>
        </a>
                <a href="/turismo">
                        <span class="link-text">Turismo</span>
        </a>
                <a href="/efemerides">
                        <span class="link-text">Efemérides</span>
        </a>
            </nav>
    
    <main class="main">
<!-- H1 para SEO (visualmente oculto) -->
<style>
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Ad Containers - Home */
.ad-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 20px var(--spacing, 20px);
    box-sizing: border-box;
}
.ad-container img {
    max-width: 100%;
    height: auto;
    display: block;
}
.ad-container a {
    display: inline-block;
    line-height: 0;
}
.ad-home-hero {
    padding-top: 20px;
    padding-bottom: 8px;
    border: none !important;
    background: transparent;
    box-shadow: none;
}
/* Eliminar línea/borde del main cuando hay ad hero */
main:has(.ad-home-hero) {
    border-top: none !important;
}
/* Fallback para navegadores sin :has() */
.ad-home-hero {
    margin-top: -1px;
    position: relative;
}
.ad-home-footer {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 16px;
}
.ad-home-footer:empty {
    display: none;
}
@media (max-width: 768px) {
    .ad-container {
        padding: 16px;
    }
    .ad-home-hero {
        padding-top: 16px;
        padding-bottom: 8px;
    }
    .ad-home-footer {
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 12px;
    }
}
</style>
<h1 class="sr-only">Últimas Noticias de La Rioja, Argentina | Rioja24</h1>

<div class="ad-container ad-home-hero">
            <div style="max-width:1000px;margin:0 auto;background:#1a1620;border-radius:14px;padding:22px 30px;font-family:'Segoe UI',Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-sizing:border-box;">
  <div style="flex:1;min-width:220px;">
    <div style="color:#fff;font-size:18px;font-weight:800;line-height:1.3;margin-bottom:3px;">No te pierdas ninguna noticia de Rioja24</div>
    <div style="color:#b8b0bd;font-size:13.5px;line-height:1.5;">Agreganos como fuente preferida y Rioja24 aparecer&aacute; primero en tus b&uacute;squedas de Google.</div>
  </div>
  <a href="https://google.com/preferences/source?q=rioja24.com.ar" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1a1620;padding:13px 24px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;"><svg width="18" height="18" viewBox="0 0 48 48" style="flex-shrink:0;"><path fill="#4285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"/><path fill="#34A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z"/><path fill="#FBBC05" d="M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z"/><path fill="#EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z"/></svg> Agreganos en Google</a>
</div>    </div>



<section class="hero-news-classic-1">
    <div class="nc1-grid">
        <!-- COLUMNA IZQUIERDA -->
        <div class="nc1-left">
            <article class="nc1-main">
                <a href="/la-rioja/milagro-y-catuna-recibiran-32-viviendas-y-mejoras-en-20-cuadras-de-asfalto">
                                        <div class="nc1-image">
                        <img src="/uploads/milagro-y-catuna-recibiran-32-viviendas-y-mejoras-en-20-cuadras-de-asfalto.webp" alt="Milagro y Catuna recibirán 32 viviendas y mejoras en 20 cuadras de asfalto" loading="eager">
                    </div>
                                    </a>
                                <a href="/la-rioja" class="nc1-category" style="color:#06b6d4">La Rioja</a>
                                <h2 class="nc1-title-large">
                    <a href="/la-rioja/milagro-y-catuna-recibiran-32-viviendas-y-mejoras-en-20-cuadras-de-asfalto">Milagro y Catuna recibirán 32 viviendas y mejoras en 20 cuadras de asfalto</a>
                </h2>
                                <p class="nc1-excerpt">Se construirán 32 viviendas en Milagro y Catuna, junto a 20 cuadras de asfalto en la avenida principal de Milagro. La obra busca mejorar la infraestructura y calidad de vida local.</p>
                                <div class="nc1-meta">
                    <span class="nc1-time">Hace 9 h</span>
                </div>
            </article>
            
                        <article class="nc1-left-item">
                                <a href="/la-rioja" class="nc1-category-stacked" style="color:#06b6d4">La Rioja</a>
                                <a href="/la-rioja/chachos-en-capital-el-gobierno-provincial-avanza-con-pagos-esta-semana" class="nc1-title-stacked">Chachos en Capital: el Gobierno provincial avanza con pagos esta semana</a>
                <div class="nc1-meta-small"><span>Hace 9 h</span></div>
            </article>
                    </div>
        
        <!-- COLUMNA CENTRO -->
                <div class="nc1-center">
            <article class="nc1-top-article">
                <a href="/la-rioja/docentes-de-la-capital-tendran-oportunidad-laboral-tras-mas-de-una-decada-sin-concursos">
                                        <div class="nc1-image-small">
                        <img src="/uploads/docentes-de-la-capital-tendran-oportunidad-laboral-tras-mas-de-una-decada-sin-concursos.webp" alt="Docentes de la Capital tendrán oportunidad laboral tras más de una década sin concursos" loading="lazy">
                    </div>
                                    </a>
                                <a href="/la-rioja" class="nc1-category" style="color:#06b6d4">La Rioja</a>
                                <h3 class="nc1-title-medium">
                    <a href="/la-rioja/docentes-de-la-capital-tendran-oportunidad-laboral-tras-mas-de-una-decada-sin-concursos">Docentes de la Capital tendrán oportunidad laboral tras más de una década sin concursos</a>
                </h3>
                                <p class="nc1-excerpt-small">Se abre el 4º concurso de ascenso docente en Chilecito, tras 13 años sin convocatorias. Los docentes deberán cumplir req</p>
                                <div class="nc1-meta"><span class="nc1-time">Hace 10 h</span></div>
            </article>
            
                        <article class="nc1-item">
                                <a href="/la-rioja" class="nc1-category-stacked" style="color:#06b6d4">La Rioja</a>
                                <a href="/la-rioja/multas-de-hasta-213900-en-la-rioja-por-violar-semaforos-en-rojo" class="nc1-title-stacked">Multas de hasta $213.900 en La Rioja por violar semáforos en rojo</a>
                <div class="nc1-meta-small"><span>Hace 11 h</span></div>
            </article>
                        
                        <article class="nc1-item">
                                <a href="/politica" class="nc1-category-stacked" style="color:#f59e0b">Política</a>
                                <a href="/politica/iniciativa-de-libres-del-sur-busca-resguardar-derechos-de-deudores-en-la-rioja" class="nc1-title-stacked">Iniciativa de Libres del Sur busca resguardar derechos de deudores en La Rioja</a>
                <div class="nc1-meta-small"><span>Hace 11 h</span></div>
            </article>
                        
                        <article class="nc1-item">
                                <a href="/politica" class="nc1-category-stacked" style="color:#f59e0b">Política</a>
                                <a href="/politica/informe-critico-sobre-crisis-entregado-al-papa-voces-argentinas-se-hacen-escuchar" class="nc1-title-stacked">Informe crítico sobre crisis entregado al Papa: voces argentinas se hacen escuchar</a>
                <div class="nc1-meta-small"><span>Hace 12 h</span></div>
            </article>
                    </div>
                
        <!-- COLUMNA DERECHA -->
                <div class="nc1-right">
            <article class="nc1-top-article">
                <a href="/economia/impacto-economico-en-la-rioja-mas-de-200-mil-empleos-se-han-perdido-bajo-milei">
                                        <div class="nc1-image-small">
                        <img src="/uploads/impacto-economico-en-la-rioja-mas-de-200-mil-empleos-se-han-perdido-bajo-milei.webp" alt="Impacto económico en La Rioja: más de 200 mil empleos se han perdido bajo Milei" loading="lazy">
                    </div>
                                    </a>
                                <a href="/economia" class="nc1-category" style="color:#3b82f6">Economía</a>
                                <h3 class="nc1-title-medium">
                    <a href="/economia/impacto-economico-en-la-rioja-mas-de-200-mil-empleos-se-han-perdido-bajo-milei">Impacto económico en La Rioja: más de 200 mil empleos se han perdido bajo Milei</a>
                </h3>
                                <p class="nc1-excerpt-small">Entre diciembre de 2025 y junio de 2026, Argentina perdió alrededor de 46.000 empleos asalariados privados y 15.000 públ</p>
                                <div class="nc1-meta"><span class="nc1-time">Hace 12 h</span></div>
            </article>
            
                        <article class="nc1-item">
                                <a href="/politica" class="nc1-category-stacked" style="color:#f59e0b">Política</a>
                                <a href="/politica/movilizacion-en-la-rioja-vecinos-marchan-contra-el-ajuste-del-gobierno-nacional-este-sabado-19" class="nc1-title-stacked">Movilización en La Rioja: vecinos marchan contra el ajuste del Gobierno nacional este sábado 19</a>
                <div class="nc1-meta-small"><span>Hace 13 h</span></div>
            </article>
                        
                        <article class="nc1-item">
                                <a href="/la-rioja" class="nc1-category-stacked" style="color:#06b6d4">La Rioja</a>
                                <a href="/la-rioja/el-pago-de-chachos-se-realiza-este-martes-en-la-capital-y-todo-el-interior-provincial" class="nc1-title-stacked">El pago de Chachos se realiza este martes en la Capital y todo el interior provincial.</a>
                <div class="nc1-meta-small"><span>Hace 14 h</span></div>
            </article>
                        
                        <article class="nc1-item">
                                <a href="/efemerides" class="nc1-category-stacked" style="color:#ef4444">Efemérides</a>
                                <a href="/efemerides/efemerides-del-16-de-septiembre-de-2026" class="nc1-title-stacked">Efemérides del 16 de septiembre de 2026: ¿Qué pasó un día como hoy?</a>
                <div class="nc1-meta-small"><span>Hace 16 h</span></div>
            </article>
                    </div>
            </div>
</section>

<style>
.hero-news-classic-1{padding:30px var(--spacing, 20px);max-width:var(--max-width, 1300px);margin:0 auto}
.nc1-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;align-items:start}

/* Imágenes */
.nc1-image{overflow:hidden;margin-bottom:14px;height:380px}
.nc1-image img{width:100%;height:100%;object-fit:cover;display:block}
.nc1-image-small{overflow:hidden;margin-bottom:12px;height:180px}
.nc1-image-small img{width:100%;height:100%;object-fit:cover;display:block}

/* Categoría inline (para artículos con imagen) */
.nc1-category{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent,#c71c25);letter-spacing:.03em;margin-bottom:8px;text-decoration:none}
.nc1-category:hover{text-decoration:underline}

/* Categoría stacked (para items secundarios) */
.nc1-category-stacked{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent,#c71c25);letter-spacing:.03em;margin-bottom:4px;text-decoration:none}
.nc1-category-stacked:hover{text-decoration:underline}

/* Títulos */
.nc1-title-large{font-family:var(--font-heading,Georgia,serif);font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:10px}
.nc1-title-large a{color:var(--text,#1a1a1a);text-decoration:none}
.nc1-title-large a:hover{text-decoration:underline}

.nc1-title-medium{font-family:var(--font-heading,Georgia,serif);font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:8px}
.nc1-title-medium a{color:var(--text,#1a1a1a);text-decoration:none}
.nc1-title-medium a:hover{text-decoration:underline}

.nc1-title-stacked{display:block;font-family:var(--font-heading,Georgia,serif);font-size:.95rem;font-weight:600;line-height:1.3;color:var(--text,#1a1a1a);text-decoration:none;margin-bottom:4px}
.nc1-title-stacked:hover{text-decoration:underline}

/* Extractos */
.nc1-excerpt{font-size:14px;color:var(--muted,#555);line-height:1.5;margin-bottom:10px}
.nc1-excerpt-small{font-size:13px;color:var(--muted,#666);line-height:1.4;margin-bottom:8px}

/* Meta */
.nc1-meta{font-size:11px;color:var(--muted,#999);text-transform:uppercase;letter-spacing:.02em}
.nc1-meta-small{font-size:11px;color:var(--muted,#999);margin-top:4px}

/* Columna izquierda */
.nc1-left{display:flex;flex-direction:column;gap:14px}
.nc1-main{padding-bottom:14px;border-bottom:1px solid var(--border,#e5e5e5)}
.nc1-left-item{padding-top:0}

/* Columnas centro y derecha */
.nc1-center,.nc1-right{display:flex;flex-direction:column;gap:14px}
.nc1-top-article{padding-bottom:14px;border-bottom:1px solid var(--border,#e5e5e5)}
.nc1-item{padding-bottom:12px;border-bottom:1px solid var(--border,#e5e5e5)}
.nc1-item:last-child{border-bottom:none;padding-bottom:0}

/* Responsive */
@media(max-width:1024px){
    .nc1-grid{grid-template-columns:1fr 1fr;gap:24px}
    .nc1-left{grid-column:span 2}
    .nc1-main{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .nc1-image{grid-row:span 4;height:100%;min-height:250px}
}
@media(max-width:768px){
    .hero-news-classic-1{padding:20px var(--spacing, 16px)}
    .nc1-grid{grid-template-columns:1fr;gap:20px}
    .nc1-left{grid-column:span 1}
    .nc1-main{display:block}
    .nc1-image{height:220px}
    .nc1-image-small{height:160px}
    .nc1-title-large{font-size:1.5rem}
}
</style>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #06b6d4;"></span>
        <h2 class="section-title">La Rioja</h2>
        <a href="/la-rioja" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-equal" data-count="6">
                <a href="/la-rioja/chachos-en-capital-el-gobierno-provincial-avanza-con-pagos-esta-semana" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/chachos-en-capital-el-gobierno-provincial-avanza-con-pagos-esta-semana.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Chachos en Capital: el Gobierno provincial avanza con pagos esta semana</h3>
                                <div class="article-meta">Hace 9 h</div>
                            </div>
        </a>
                <a href="/la-rioja/docentes-de-la-capital-tendran-oportunidad-laboral-tras-mas-de-una-decada-sin-concursos" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/docentes-de-la-capital-tendran-oportunidad-laboral-tras-mas-de-una-decada-sin-concursos.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Docentes de la Capital tendrán oportunidad laboral tras más de una década sin concursos</h3>
                                <div class="article-meta">Hace 10 h</div>
                            </div>
        </a>
                <a href="/la-rioja/multas-de-hasta-213900-en-la-rioja-por-violar-semaforos-en-rojo" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/multas-de-hasta-213900-en-la-rioja-por-violar-semaforos-en-rojo.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Multas de hasta $213.900 en La Rioja por violar semáforos en rojo</h3>
                                <div class="article-meta">Hace 11 h</div>
                            </div>
        </a>
                <a href="/la-rioja/el-pago-de-chachos-se-realiza-este-martes-en-la-capital-y-todo-el-interior-provincial" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/el-pago-de-chachos-se-realiza-este-martes-en-la-capital-y-todo-el-interior-provincial.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">El pago de Chachos se realiza este martes en la Capital y todo el interior provincial.</h3>
                                <div class="article-meta">Hace 14 h</div>
                            </div>
        </a>
                <a href="/la-rioja/operativo-de-mantenimiento-de-vialidad-provincial-mejora-caminos-en-zonas-rurales-de-la-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/operativo-de-mantenimiento-de-vialidad-provincial-mejora-caminos-en-zonas-rurales-de-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Operativo de mantenimiento de Vialidad Provincial mejora caminos en zonas rurales de La Rioja</h3>
                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
                <a href="/la-rioja/comienza-el-pago-de-chachos-que-deben-saber-los-beneficiarios-en-la-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/comienza-el-pago-de-chachos-que-deben-saber-los-beneficiarios-en-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Comienza el pago de Chachos: ¿qué deben saber los beneficiarios en La Rioja?</h3>
                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #f59e0b;"></span>
        <h2 class="section-title">Política</h2>
        <a href="/politica" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-big-left" data-count="3">
                <a href="/politica/iniciativa-de-libres-del-sur-busca-resguardar-derechos-de-deudores-en-la-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/iniciativa-de-libres-del-sur-busca-resguardar-derechos-de-deudores-en-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Iniciativa de Libres del Sur busca resguardar derechos de deudores en La Rioja</h3>
                                <div class="article-meta">Hace 11 h</div>
                            </div>
        </a>
                <a href="/politica/informe-critico-sobre-crisis-entregado-al-papa-voces-argentinas-se-hacen-escuchar" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/informe-critico-sobre-crisis-entregado-al-papa-voces-argentinas-se-hacen-escuchar.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Informe crítico sobre crisis entregado al Papa: voces argentinas se hacen escuchar</h3>
                                <div class="article-meta">Hace 12 h</div>
                            </div>
        </a>
                <a href="/politica/movilizacion-en-la-rioja-vecinos-marchan-contra-el-ajuste-del-gobierno-nacional-este-sabado-19" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/movilizacion-en-la-rioja-vecinos-marchan-contra-el-ajuste-del-gobierno-nacional-este-sabado-19.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Movilización en La Rioja: vecinos marchan contra el ajuste del Gobierno nacional este sábado 19</h3>
                                <div class="article-meta">Hace 13 h</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #6366f1;"></span>
        <h2 class="section-title">Deportes</h2>
        <a href="/deportes" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-equal" data-count="6">
                <a href="/deportes/final-de-primera-division-san-vicente-y-defensores-de-la-boca-se-preparan-para-el-gran-duelo-este-viernes" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/final-de-primera-division-san-vicente-y-defensores-de-la-boca-se-preparan-para-el-gran-duelo-este-vi.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">Final de Primera División: San Vicente y Defensores de la Boca se preparan para el gran duelo este viernes</h3>
                                <div class="article-meta">Hace 5 días</div>
                            </div>
        </a>
                <a href="/deportes/villa-union-celebra-la-inauguracion-de-un-albergue-deportivo-para-potenciar-el-deporte-comunitario" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/villa-union-celebra-la-inauguracion-de-un-albergue-deportivo-para-potenciar-el-deporte-comunitario.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">Villa Unión celebra la inauguración de un albergue deportivo para potenciar el deporte comunitario</h3>
                                <div class="article-meta">Hace 6 días</div>
                            </div>
        </a>
                <a href="/deportes/programa-de-florencia-lopez-impulsa-las-escuelas-de-futbol-en-la-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/programa-de-florencia-lopez-impulsa-las-escuelas-de-futbol-en-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">Programa de Florencia López impulsa las escuelas de fútbol en La Rioja</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/deportes/larissa-paez-brilla-en-villa-union-y-se-lleva-el-titulo-del-oeste-riojano" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/larissa-paez-brilla-en-villa-union-y-se-lleva-el-titulo-del-oeste-riojano.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">Larissa Páez brilla en Villa Unión y se lleva el título del Oeste Riojano</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/deportes/estudiantes-y-san-francisco-se-preparan-para-una-semifinal-decisiva-en-la-copa-de-la-liga" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/estudiantes-y-san-francisco-se-preparan-para-una-semifinal-decisiva-en-la-copa-de-la-liga.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">Estudiantes y San Francisco se preparan para una semifinal decisiva en la Copa de la Liga.</h3>
                                <div class="article-meta">Hace 2 semanas</div>
                            </div>
        </a>
                <a href="/deportes/la-cumbre-de-la-fia-en-buenos-aires-posiciona-a-argentina-en-la-escena-global-de-la-formula-1" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/la-cumbre-de-la-fia-en-buenos-aires-posiciona-a-argentina-en-la-escena-global-de-la-formula-1.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #6366f1; color: white;">
                    Deportes                </span>
                <h3 class="article-title">La cumbre de la FIA en Buenos Aires posiciona a Argentina en la escena global de la Fórmula 1</h3>
                                <div class="article-meta">Hace 2 semanas</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #3b82f6;"></span>
        <h2 class="section-title">Economía</h2>
        <a href="/economia" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-equal" data-count="3">
                <a href="/economia/impacto-economico-en-la-rioja-mas-de-200-mil-empleos-se-han-perdido-bajo-milei" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/impacto-economico-en-la-rioja-mas-de-200-mil-empleos-se-han-perdido-bajo-milei.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #3b82f6; color: white;">
                    Economía                </span>
                <h3 class="article-title">Impacto económico en La Rioja: más de 200 mil empleos se han perdido bajo Milei</h3>
                                <div class="article-meta">Hace 12 h</div>
                            </div>
        </a>
                <a href="/economia/banco-rioja-implementa-tasa-fija-del-29-para-ayudar-a-deudores-con-tarjetas-de-credito" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/banco-rioja-implementa-tasa-fija-del-29-para-ayudar-a-deudores-con-tarjetas-de-credito.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #3b82f6; color: white;">
                    Economía                </span>
                <h3 class="article-title">Banco Rioja implementa tasa fija del 29% para ayudar a deudores con tarjetas de crédito</h3>
                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/economia/mas-de-3800-vecinos-acceden-a-creditos-con-tasa-reducida-en-banco-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/mas-de-3800-vecinos-acceden-a-creditos-con-tasa-reducida-en-banco-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #3b82f6; color: white;">
                    Economía                </span>
                <h3 class="article-title">Más de 3.800 vecinos acceden a créditos con tasa reducida en Banco Rioja</h3>
                                <div class="article-meta">Hace 3 días</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #ec4899;"></span>
        <h2 class="section-title">Turismo</h2>
        <a href="/turismo" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-equal" data-count="3">
                <a href="/turismo/condiciones-ideales-para-viajar-vialidad-nacional-asegura-seguridad-en-rutas-de-la-rioja" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/condiciones-ideales-para-viajar-vialidad-nacional-asegura-seguridad-en-rutas-de-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Turismo                </span>
                <h3 class="article-title">Condiciones ideales para viajar: Vialidad Nacional asegura seguridad en rutas de La Rioja</h3>
                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
                <a href="/turismo/la-rioja-impulsa-municipios-para-competir-en-el-programa-best-tourism-villages-2026" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/la-rioja-impulsa-municipios-para-competir-en-el-programa-best-tourism-villages-2026.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Turismo                </span>
                <h3 class="article-title">La Rioja impulsa municipios para competir en el programa Best Tourism Villages 2026</h3>
                                <div class="article-meta">Hace 2 semanas</div>
                            </div>
        </a>
                <a href="/turismo/sanagasta-se-posiciona-en-el-mapa-turistico-el-desafio-de-convertir-interes-en-visitas-reales" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/sanagasta-se-posiciona-en-el-mapa-turistico-el-desafio-de-convertir-interes-en-visitas-reales.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Turismo                </span>
                <h3 class="article-title">Sanagasta se posiciona en el mapa turístico: el desafío de convertir interés en visitas reales</h3>
                                <div class="article-meta">Hace 2 semanas</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #ec4899;"></span>
        <h2 class="section-title">Espectáculos</h2>
        <a href="/espectaculos" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-equal" data-count="3">
                <a href="/espectaculos/masterchef-celebrity-revela-su-lista-de-participantes-un-elenco-variado-y-sorprendente" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/masterchef-celebrity-revela-su-lista-de-participantes-un-elenco-variado-y-sorprendente.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Espectáculos                </span>
                <h3 class="article-title">MasterChef Celebrity revela su lista de participantes: un elenco variado y sorprendente</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/espectaculos/moria-casan-revive-anecdota-desconocida-sobre-chiche-gelblung-en-emotivo-homenaje" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/moria-casan-revive-anecdota-desconocida-sobre-chiche-gelblung-en-emotivo-homenaje.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Espectáculos                </span>
                <h3 class="article-title">Moria Casán revive anécdota desconocida sobre Chiche Gelblung en emotivo homenaje</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/espectaculos/mercedes-ninci-llora-la-perdida-de-chiche-gelblung-homenaje-a-un-icono-del-periodismo" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/mercedes-ninci-llora-la-perdida-de-chiche-gelblung-homenaje-a-un-icono-del-periodismo.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ec4899; color: white;">
                    Espectáculos                </span>
                <h3 class="article-title">Mercedes Ninci llora la pérdida de Chiche Gelblung: homenaje a un ícono del periodismo</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
            </div>
</section>
<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: #10b981;"></span>
        <h2 class="section-title">Internacional</h2>
        <a href="/internacional" class="section-link">Ver más →</a>
    </div>
    <div class="articles-grid layout-big-left" data-count="3">
                <a href="/internacional/iniciativa-internacional-del-conicet-busca-proteger-mamiferos-en-argentina" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/iniciativa-internacional-del-conicet-busca-proteger-mamiferos-en-argentina.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #10b981; color: white;">
                    Internacional                </span>
                <h3 class="article-title">Iniciativa internacional del CONICET busca proteger mamíferos en Argentina</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/internacional/proyecto-sea-lion-genera-controversia-en-la-politica-energetica-argentina-y-la-soberania-sobre-malvinas" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/proyecto-sea-lion-genera-controversia-en-la-politica-energetica-argentina-y-la-soberania-sobre-malvi.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #10b981; color: white;">
                    Internacional                </span>
                <h3 class="article-title">Proyecto Sea Lion genera controversia en la política energética argentina y la soberanía sobre Malvinas</h3>
                                <div class="article-meta">Hace 1 semana</div>
                            </div>
        </a>
                <a href="/internacional/las-leonas-vuelven-a-brillar-campeonas-del-mundo-en-hockey-sobre-cesped" class="article-card">
            <div class="article-image" style="background-image: url('/uploads/las-leonas-vuelven-a-brillar-campeonas-del-mundo-en-hockey-sobre-cesped.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #10b981; color: white;">
                    Internacional                </span>
                <h3 class="article-title">Las Leonas vuelven a brillar: campeonas del mundo en hockey sobre césped</h3>
                                <div class="article-meta">Hace 2 semanas</div>
                            </div>
        </a>
            </div>
</section>

<section class="section">
    <div class="section-header">
        <span class="section-dot" style="background: var(--accent);"></span>
        <h2 class="section-title">Mas Noticias de La Rioja</h2>
    </div>
    <div class="latest-news-grid layout-2col-inv">
                <a href="/efemerides/efemerides-del-16-de-septiembre-de-2026" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/efemerides/efemerides-16-septiembre-2026.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Efemérides                </span>
                <h3 class="article-title">Efemérides del 16 de septiembre de 2026: ¿Qué pasó un día como hoy?</h3>
                                                <div class="article-meta">Hace 16 h</div>
                            </div>
        </a>
                <a href="/policiales/nino-de-3-anos-herido-en-accidente-la-seguridad-vial-en-debate-en-la-rioja" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/nino-de-3-anos-herido-en-accidente-la-seguridad-vial-en-debate-en-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Policiales                </span>
                <h3 class="article-title">Niño de 3 años herido en accidente: la seguridad vial en debate en La Rioja</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/politica/quintela-celebra-aniversario-de-ajalar-y-presenta-innovaciones-tecnologicas-para-agencias" class="article-card" style="--category-color: #f59e0b;">
            <div class="article-image" style="background-image: url('/uploads/quintela-celebra-aniversario-de-ajalar-y-presenta-innovaciones-tecnologicas-para-agencias.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Quintela celebra aniversario de AJALAR y presenta innovaciones tecnológicas para agencias</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/policiales/mas-de-100-infracciones-por-semaforos-en-rojo-en-la-capital-riojana" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/mas-de-100-infracciones-por-semaforos-en-rojo-en-la-capital-riojana.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Policiales                </span>
                <h3 class="article-title">Más de 100 infracciones por semáforos en rojo en la capital riojana</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/politica/abogados-de-la-rioja-exigen-acciones-concretas-para-combatir-la-usura-en-la-provincia" class="article-card" style="--category-color: #f59e0b;">
            <div class="article-image" style="background-image: url('/uploads/abogados-de-la-rioja-exigen-acciones-concretas-para-combatir-la-usura-en-la-provincia.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Abogados de La Rioja exigen acciones concretas para combatir la usura en la provincia</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/clima/el-clima-se-calienta-se-preven-temperaturas-record-para-la-rioja-esta-semana" class="article-card" style="--category-color: #10b981;">
            <div class="article-image" style="background-image: url('/uploads/el-clima-se-calienta-se-preven-temperaturas-record-para-la-rioja-esta-semana.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #10b981; color: white;">
                    Clima                </span>
                <h3 class="article-title">El clima se calienta: se prevén temperaturas récord para La Rioja esta semana</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/politica/denuncian-agresion-a-concejala-durante-sesion-en-el-concejo-deliberante-de-la-rioja" class="article-card" style="--category-color: #f59e0b;">
            <div class="article-image" style="background-image: url('/uploads/denuncian-agresion-a-concejala-durante-sesion-en-el-concejo-deliberante-de-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #f59e0b; color: white;">
                    Política                </span>
                <h3 class="article-title">Denuncian agresión a concejala durante sesión en el Concejo Deliberante de La Rioja</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/efemerides/efemerides-del-15-de-septiembre-de-2026" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/efemerides/efemerides-15-septiembre-2026.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Efemérides                </span>
                <h3 class="article-title">Efemérides del 15 de septiembre de 2026: ¿Qué pasó un día como hoy?</h3>
                                                <div class="article-meta">Hace 1 día</div>
                            </div>
        </a>
                <a href="/clima/la-rioja-se-prepara-para-enfrentar-emergencias-climaticas-por-el-nino" class="article-card" style="--category-color: #10b981;">
            <div class="article-image" style="background-image: url('/uploads/la-rioja-se-prepara-para-enfrentar-emergencias-climaticas-por-el-nino.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #10b981; color: white;">
                    Clima                </span>
                <h3 class="article-title">La Rioja se prepara para enfrentar emergencias climáticas por El Niño</h3>
                                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
                <a href="/policiales/conflicto-familiar-en-barrio-hospital-joven-agredido-y-detenido-por-la-policia" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/conflicto-familiar-en-barrio-hospital-joven-agredido-y-detenido-por-la-policia.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Policiales                </span>
                <h3 class="article-title">Conflicto familiar en barrio Hospital: joven agredido y detenido por la policía</h3>
                                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
                <a href="/policiales/mujer-accidentada-en-la-rioja-el-impacto-de-un-choque-contra-un-pilar-de-luz" class="article-card" style="--category-color: #ef4444;">
            <div class="article-image" style="background-image: url('/uploads/mujer-accidentada-en-la-rioja-el-impacto-de-un-choque-contra-un-pilar-de-luz.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #ef4444; color: white;">
                    Policiales                </span>
                <h3 class="article-title">Mujer accidentada en La Rioja: el impacto de un choque contra un pilar de luz</h3>
                                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
                <a href="/la-rioja/revoluciona-tu-oficio-nuevas-herramientas-para-fortalecer-las-habilidades-laborales-en-la-rioja" class="article-card" style="--category-color: #06b6d4;">
            <div class="article-image" style="background-image: url('/uploads/revoluciona-tu-oficio-nuevas-herramientas-para-fortalecer-las-habilidades-laborales-en-la-rioja.webp');"></div>
            <div class="article-body">
                <span class="article-category" style="background: #06b6d4; color: white;">
                    La Rioja                </span>
                <h3 class="article-title">Revolucioná tu Oficio: nuevas herramientas para fortalecer las habilidades laborales en La Rioja</h3>
                                                <div class="article-meta">Hace 2 días</div>
                            </div>
        </a>
            </div>
</section>

<div class="ad-container ad-home-footer">
            <div style="max-width:1000px;margin:0 auto;background:#1a1620;border-radius:14px;padding:22px 30px;font-family:'Segoe UI',Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-sizing:border-box;">
  <div style="flex:1;min-width:220px;">
    <div style="color:#fff;font-size:18px;font-weight:800;line-height:1.3;margin-bottom:3px;">No te pierdas ninguna noticia de Rioja24</div>
    <div style="color:#b8b0bd;font-size:13.5px;line-height:1.5;">Agreganos como fuente preferida y Rioja24 aparecer&aacute; primero en tus b&uacute;squedas de Google.</div>
  </div>
  <a href="https://google.com/preferences/source?q=rioja24.com.ar" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1a1620;padding:13px 24px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;"><svg width="18" height="18" viewBox="0 0 48 48" style="flex-shrink:0;"><path fill="#4285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"/><path fill="#34A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z"/><path fill="#FBBC05" d="M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z"/><path fill="#EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z"/></svg> Agreganos en Google</a>
</div>    </div>

    </main>

    <footer class="footer">
        <div class="footer-logo">
            <img src="/uploads/branding/logo-1767644892.png" alt="RIOJA24.COM.AR">
    </div>
        <p class="footer-tagline">El portal de noticias de La Rioja. Información actualizada sobre política, deportes, economía y sociedad.</p>
        
                
        <nav class="footer-links">
        <a href="/nosotros">Nosotros</a>
        <a href="/cookies">Cookies</a>
        <a href="/privacidad">Privacidad</a>
        <a href="/terminos">Términos</a>
        <a href="/vcp">Política de Contenido</a>
    </nav>
        
        <div class="footer-divider"></div>
        <p class="footer-copyright">&copy; 2026 RIOJA24.COM.AR. Todos los derechos reservados.</p>
    </footer>

    <!-- Scroll to Top Button -->
    <button class="scroll-to-top" id="scrollToTop" title="Back to top" aria-label="Back to top">
        <svg viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
    </button>

    <!-- Sidebar Overlay -->
    <div class="sidebar-overlay" id="sidebarOverlay" onclick="closeSidebar()"></div>
    
    <!-- Sidebar Menu (PC) -->
    <aside class="sidebar-menu" id="sidebarMenu">
        <div class="sidebar-header">
            <span class="sidebar-logo">
        <img src="/uploads/branding/logo-1767644892.png" alt="RIOJA24.COM.AR">
    </span>
            <button class="sidebar-close" onclick="closeSidebar()">
                <svg viewBox="0 0 24 24"><path d="M18 6L6 18M6 6l12 12"/></svg>
            </button>
        </div>
        <nav class="sidebar-nav">
                        <a href="/deportes">Deportes</a>
                            <a href="/economia">Economía</a>
                            <a href="/internacional">Internacional</a>
                            <a href="/la-rioja">La Rioja</a>
                            <a href="/policiales">Policiales</a>
                            <a href="/politica">Política</a>
                            <a href="/salud">Salud</a>
                            <a href="/tecnologia">Tecnología</a>
                            <a href="/turismo">Turismo</a>
                            <a href="/clima">Clima</a>
                            <a href="/efemerides">Efemérides</a>
                        </nav>
    </aside>

    <!-- Search Modal -->
    <div class="search-modal" id="searchModal" onclick="closeSearchModal(event)">
        <div class="search-modal-content" onclick="event.stopPropagation()">
            <form action="/search" method="GET" class="search-modal-form">
                <div class="search-modal-header">
                    <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
                    <input type="text" name="q" class="search-modal-input" placeholder="Buscar artículos..." autocomplete="off" autofocus>
                    <button type="button" class="search-modal-close" onclick="closeSearchModal()">ESC</button>
                </div>
            </form>
            <div class="search-modal-hint">
                Presiona Enter para buscar o ESC para cerrar            </div>
        </div>
    </div>

    <!-- Cookie Banner RGPD -->
    <style>
    /* Cookie Banner — Floating card */
    @keyframes cookiePopIn {
        from { transform: scale(0.95) translateY(10px); opacity: 0; }
        to   { transform: scale(1)    translateY(0);    opacity: 1; }
    }

    .cookie-banner {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 360px;
        max-width: calc(100vw - 32px);
        background: #fff;
        border: 1px solid #d1d1d1;
        border-top: 3px solid #c71c25;
        padding: 22px 24px;
        z-index: 99999;
        display: none;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    }
    .cookie-banner.active {
        display: block;
        animation: cookiePopIn 0.3s ease;
    }

    /* El .cookie-banner-content no necesita flex en card flotante */
    .cookie-banner-content { display: block; }

    .cookie-banner-text { margin-bottom: 18px; }

    .cookie-banner-title {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 10px;
        font-family: var(--font-heading, Georgia, serif);
    }

    .cookie-banner-title svg { color: #c71c25; flex-shrink: 0; }

    .cookie-banner-text p {
        font-size: 13px;
        color: #666;
        margin: 0 0 10px 0;
        line-height: 1.6;
    }

    .cookie-policy-link {
        color: #c71c25;
        font-size: 12px;
        text-decoration: none;
    }
    .cookie-policy-link:hover { text-decoration: underline; }

    .cookie-banner-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .cookie-banner-actions-row {
        display: flex;
        gap: 8px;
    }

    .cookie-btn {
        padding: 9px 16px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        border: none;
        transition: all 0.2s;
        white-space: nowrap;
        text-align: center;
    }

    .cookie-btn-accept {
        background: #c71c25;
        color: #fff;
        flex: 1;
    }
    .cookie-btn-accept:hover { background: #a8161e; }

    .cookie-btn-reject {
        background: #f5f5f5;
        color: #444;
        border: 1px solid #d1d1d1;
        flex: 1;
    }
    .cookie-btn-reject:hover { background: #e8e8e8; }

    .cookie-btn-config {
        background: transparent;
        color: #666;
        border: 1px solid #d1d1d1;
        font-size: 12px;
        width: 100%;
    }
    .cookie-btn-config:hover { background: #f5f5f5; color: #1a1a1a; }

    /* Cookie Modal */
    .cookie-modal {
        position: fixed;
        inset: 0;
        z-index: 100000;
        display: none;
        align-items: center;
        justify-content: center;
    }
    .cookie-modal.active { display: flex; }

    .cookie-modal-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
    }

    .cookie-modal-content {
        position: relative;
        background: #fff;
        border: 1px solid #d1d1d1;
        border-top: 3px solid #c71c25;
        width: 90%;
        max-width: 540px;
        max-height: 90vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .cookie-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 24px;
        border-bottom: 1px solid #e8e8e8;
    }

    .cookie-modal-header p {
        font-size: 16px;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0;
        font-family: var(--font-heading, Georgia, serif);
    }

    .cookie-modal-close {
        background: #f5f5f5;
        border: 1px solid #d1d1d1;
        color: #666;
        cursor: pointer;
        padding: 5px;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cookie-modal-close:hover { background: #e8e8e8; color: #1a1a1a; }

    .cookie-modal-body {
        padding: 24px;
        overflow-y: auto;
        flex: 1;
    }

    .cookie-modal-intro {
        font-size: 14px;
        color: #666;
        margin: 0 0 20px 0;
        line-height: 1.6;
    }

    .cookie-category {
        background: #fafafa;
        border: 1px solid #e8e8e8;
        border-left: 3px solid #c71c25;
        padding: 14px 16px;
        margin-bottom: 10px;
    }

    .cookie-category-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 6px;
    }

    .cookie-category-info {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .cookie-category-name {
        font-size: 14px;
        font-weight: 700;
        color: #1a1a1a;
    }

    .cookie-category-badge {
        font-size: 10px;
        padding: 2px 7px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .4px;
    }
    .cookie-category-badge.required {
        background: #fff3f3;
        color: #c71c25;
        border: 1px solid #fecaca;
    }

    .cookie-category-desc {
        font-size: 13px;
        color: #666;
        margin: 0;
        line-height: 1.5;
    }

    /* Toggle Switch */
    .cookie-toggle {
        position: relative;
        display: inline-block;
        width: 48px;
        height: 26px;
        flex-shrink: 0;
    }

    .cookie-toggle input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .cookie-toggle-slider {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background: #d1d1d1;
        border-radius: 26px;
        transition: 0.3s;
    }

    .cookie-toggle-slider::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background: #fff;
        border-radius: 50%;
        transition: 0.3s;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
    }

    .cookie-toggle input:checked + .cookie-toggle-slider {
        background: #c71c25;
    }

    .cookie-toggle input:checked + .cookie-toggle-slider::before {
        transform: translateX(22px);
    }

    .cookie-toggle.disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }
    .cookie-toggle.disabled .cookie-toggle-slider {
        cursor: not-allowed;
    }

    .cookie-modal-footer {
        display: flex;
        gap: 10px;
        padding: 16px 24px;
        border-top: 1px solid #e8e8e8;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    /* Responsive */
    @media (max-width: 640px) {
        .cookie-banner {
            bottom: 0;
            right: 0;
            width: 100%;
            max-width: 100%;
            border-left: none;
            border-right: none;
            border-bottom: none;
        }
        .cookie-modal-content {
            width: 95%;
            max-height: 85vh;
        }
        .cookie-modal-footer {
            justify-content: center;
        }
    }

    /* Floating cookie settings button (GDPR) */
    .cookie-settings-fab {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 40px;
        height: 40px;
        background: #fff;
        border: 1px solid #d1d1d1;
        border-top: 2px solid #c71c25;
        color: #c71c25;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9998;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all 0.2s ease;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8);
    }

    .cookie-settings-fab.visible {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .cookie-settings-fab:hover {
        background: #c71c25;
        color: #fff;
        box-shadow: 0 6px 16px rgba(199, 28, 37, 0.25);
    }

    .cookie-settings-fab svg { transition: transform 0.2s; }
    .cookie-settings-fab:hover svg { transform: rotate(20deg); }

    /* Hide FAB when banner is visible */
    .cookie-banner.active ~ .cookie-settings-fab {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    @media (max-width: 640px) {
        .cookie-settings-fab { bottom: 16px; left: 16px; }
    }
    </style>
    
    <div class="cookie-banner" id="cookieBanner">
        <div class="cookie-banner-content">
            <div class="cookie-banner-text">
                <div class="cookie-banner-title">
                    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/><path d="M11 17v.01"/><path d="M7 14v.01"/></svg>
                    Configuración de Cookies                </div>
                <p>Usamos cookies propias y de terceros para analizar el tráfico, personalizar contenido y brindarte una mejor experiencia. Puedes aceptar todas, rechazarlas o personalizar tus preferencias.</p>
                <a href="/cookies" class="cookie-policy-link">Política de Cookies</a>
            </div>
            <div class="cookie-banner-actions">
                <div class="cookie-banner-actions-row">
                    <button type="button" class="cookie-btn cookie-btn-reject" onclick="rejectCookies()">Solo esenciales</button>
                    <button type="button" class="cookie-btn cookie-btn-accept" onclick="acceptAllCookies()">Aceptar todas</button>
                </div>
                <button type="button" class="cookie-btn cookie-btn-config" onclick="openCookieSettings()">Personalizar</button>
            </div>
        </div>
    </div>

    <!-- Cookie Settings Modal -->
    <div class="cookie-modal" id="cookieModal">
        <div class="cookie-modal-overlay" onclick="closeCookieSettings()"></div>
        <div class="cookie-modal-content">
            <div class="cookie-modal-header">
                <p>Preferencias de Cookies</p>
                <button type="button" class="cookie-modal-close" onclick="closeCookieSettings()">
                    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
                </button>
            </div>
            <div class="cookie-modal-body">
                <p class="cookie-modal-intro">Administra tus preferencias de cookies. Las cookies esenciales no se pueden desactivar ya que son necesarias para el funcionamiento del sitio.</p>
                
                <!-- Essential -->
                <div class="cookie-category">
                    <div class="cookie-category-header">
                        <div class="cookie-category-info">
                            <span class="cookie-category-name">Cookies Esenciales</span>
                            <span class="cookie-category-badge required">Siempre activas</span>
                        </div>
                        <label class="cookie-toggle disabled">
                            <input type="checkbox" checked disabled>
                            <span class="cookie-toggle-slider"></span>
                        </label>
                    </div>
                    <p class="cookie-category-desc">Permiten la navegación y funcionalidad básica. Sin ellas, el sitio no funcionaría correctamente.</p>
                </div>

                <!-- Analytics -->
                <div class="cookie-category">
                    <div class="cookie-category-header">
                        <div class="cookie-category-info">
                            <span class="cookie-category-name">Cookies Analíticas</span>
                        </div>
                        <label class="cookie-toggle">
                            <input type="checkbox" id="cookieAnalytics">
                            <span class="cookie-toggle-slider"></span>
                        </label>
                    </div>
                    <p class="cookie-category-desc">Nos ayudan a entender cómo interactúas con el sitio, qué páginas visitas y detectar posibles problemas. Usamos Google Analytics.</p>
                </div>

                <!-- Marketing -->
                <div class="cookie-category">
                    <div class="cookie-category-header">
                        <div class="cookie-category-info">
                            <span class="cookie-category-name">Cookies de Marketing</span>
                        </div>
                        <label class="cookie-toggle">
                            <input type="checkbox" id="cookieMarketing">
                            <span class="cookie-toggle-slider"></span>
                        </label>
                    </div>
                    <p class="cookie-category-desc">Permiten mostrarte publicidad personalizada y medir la efectividad de las campañas. Pueden ser de terceros como Google Ads o Facebook.</p>
                </div>
            </div>
            <div class="cookie-modal-footer">
                <button type="button" class="cookie-btn cookie-btn-reject" onclick="rejectCookies()">Rechazar opcionales</button>
                <button type="button" class="cookie-btn cookie-btn-accept" onclick="saveCookieSettings()">Guardar preferencias</button>
            </div>
        </div>
    </div>

    <!-- Floating button to reopen cookie settings (GDPR) -->
    <button type="button" class="cookie-settings-fab" id="cookieSettingsFab" onclick="openCookieSettings()" title="Configuración de cookies" aria-label="Configuración de cookies">
        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/><path d="M11 17v.01"/><path d="M7 14v.01"/></svg>
    </button>

    <script>
    // Breakpoint para distinguir PC de Móvil
    const MOBILE_BREAKPOINT = 768;
    
    // Detectar si es móvil
    function isMobile() {
        return window.innerWidth <= MOBILE_BREAKPOINT;
    }

    // Toggle Menu Principal (hamburguesa)
    // En PC: abre sidebar | En Móvil: abre menú mobile
    function toggleMenu() {
        if (isMobile()) {
            toggleMobileMenu();
        } else {
            toggleSidebar();
        }
    }

    // Sidebar (PC)
    function toggleSidebar() {
        const sidebar = document.getElementById('sidebarMenu');
        const overlay = document.getElementById('sidebarOverlay');
        const isOpen = sidebar.classList.contains('active');
        
        if (isOpen) {
            closeSidebar();
        } else {
            sidebar.classList.add('active');
            overlay.classList.add('active');
            document.body.style.overflow = 'hidden';
        }
    }
    
    function closeSidebar() {
        document.getElementById('sidebarMenu').classList.remove('active');
        document.getElementById('sidebarOverlay').classList.remove('active');
        document.body.style.overflow = '';
    }

    // Mobile Menu (drawer/cards)
    function toggleMobileMenu() {
        const nav = document.querySelector('.nav-mobile');
        const menuToggle = document.querySelector('.menu-toggle');
        const header = document.querySelector('.header');
        
        if (nav.classList.contains('active')) {
            nav.classList.remove('active');
            menuToggle.classList.remove('active');
        } else {
            // Calcular top dinámico basado en posición real del header
            if (header) {
                const headerRect = header.getBoundingClientRect();
                const headerBottom = headerRect.bottom;
                nav.style.setProperty('top', headerBottom + 'px', 'important');
                nav.style.setProperty('max-height', 'calc(100vh - ' + headerBottom + 'px)', 'important');
                nav.style.setProperty('position', 'fixed', 'important');
            }
            nav.classList.add('active');
            menuToggle.classList.add('active');
        }
    }
    
    // Cerrar menú móvil al hacer clic fuera
    document.addEventListener('click', function(event) {
        const nav = document.querySelector('.nav-mobile');
        const menuToggle = document.querySelector('.menu-toggle');
        
        if (nav && !event.target.closest('.header') && !event.target.closest('.nav-mobile') && nav.classList.contains('active')) {
            nav.classList.remove('active');
            menuToggle.classList.remove('active');
        }
    });
    
    // Cerrar menú móvil al hacer clic en un enlace
    document.querySelectorAll('.nav-mobile a').forEach(link => {
        link.addEventListener('click', function() {
            const nav = document.querySelector('.nav-mobile');
            const menuToggle = document.querySelector('.menu-toggle');
            if (nav) {
                nav.classList.remove('active');
                menuToggle.classList.remove('active');
            }
        });
    });

    // Search Modal
    function openSearchModal() {
        document.getElementById('searchModal').classList.add('active');
        document.querySelector('.search-modal-input').focus();
        document.body.style.overflow = 'hidden';
    }
    
    function closeSearchModal(event) {
        if (event && event.target !== event.currentTarget) return;
        document.getElementById('searchModal').classList.remove('active');
        document.body.style.overflow = '';
    }

    // Keyboard shortcuts
    document.addEventListener('keydown', function(e) {
        // Ctrl+K or Cmd+K to open search
        if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
            e.preventDefault();
            openSearchModal();
        }
        
        // ESC to close modals
        if (e.key === 'Escape') {
            closeSearchModal();
            closeSidebar();
            // Cerrar menú móvil también
            const nav = document.querySelector('.nav-mobile');
            const menuToggle = document.querySelector('.menu-toggle');
            if (nav && nav.classList.contains('active')) {
                nav.classList.remove('active');
                menuToggle.classList.remove('active');
            }
        }
    });

    // =============================================
    // COOKIE CONSENT RGPD
    // =============================================
    const COOKIE_CONSENT_KEY = 'cookieConsent';
    
    // Obtener preferencias guardadas
    function getCookieConsent() {
        try {
            const consent = localStorage.getItem(COOKIE_CONSENT_KEY);
            return consent ? JSON.parse(consent) : null;
        } catch (e) {
            return null;
        }
    }
    
    // Guardar preferencias
    function setCookieConsent(preferences) {
        const consent = {
            necessary: true, // Siempre true
            analytics: preferences.analytics || false,
            marketing: preferences.marketing || false,
            timestamp: new Date().toISOString()
        };
        localStorage.setItem(COOKIE_CONSENT_KEY, JSON.stringify(consent));
        return consent;
    }
    
    // Mostrar banner
    function showCookieBanner() {
        document.getElementById('cookieBanner').classList.add('active');
        hideCookieFab(); // Ocultar FAB mientras el banner está visible
    }
    
    // Ocultar banner
    function hideCookieBanner() {
        document.getElementById('cookieBanner').classList.remove('active');
        showCookieFab(); // Mostrar FAB después de cerrar el banner
    }
    
    // Mostrar botón flotante (FAB)
    function showCookieFab() {
        document.getElementById('cookieSettingsFab').classList.add('visible');
    }
    
    // Ocultar botón flotante (FAB)
    function hideCookieFab() {
        document.getElementById('cookieSettingsFab').classList.remove('visible');
    }
    
    // Abrir modal de configuración
    function openCookieSettings() {
        const consent = getCookieConsent();
        if (consent) {
            document.getElementById('cookieAnalytics').checked = consent.analytics;
            document.getElementById('cookieMarketing').checked = consent.marketing;
        }
        document.getElementById('cookieModal').classList.add('active');
        document.body.style.overflow = 'hidden';
    }
    
    // Cerrar modal
    function closeCookieSettings() {
        document.getElementById('cookieModal').classList.remove('active');
        document.body.style.overflow = '';
    }
    
    // Aceptar todas
    function acceptAllCookies() {
        const consent = setCookieConsent({ analytics: true, marketing: true });
        hideCookieBanner();
        closeCookieSettings();
        loadConsentedScripts(consent);
    }
    
    // Rechazar opcionales (solo necesarias)
    function rejectCookies() {
        const consent = setCookieConsent({ analytics: false, marketing: false });
        hideCookieBanner();
        closeCookieSettings();
        removeOptionalCookies();
    }
    
    // Guardar desde modal
    function saveCookieSettings() {
        const consent = setCookieConsent({
            analytics: document.getElementById('cookieAnalytics').checked,
            marketing: document.getElementById('cookieMarketing').checked
        });
        hideCookieBanner();
        closeCookieSettings();
        loadConsentedScripts(consent);
    }
    
    // Cargar scripts según consentimiento
    function loadConsentedScripts(consent) {
        if (consent.analytics) {
            loadAnalytics();
        }
        if (consent.marketing) {
            loadMarketing();
        }
    }
    
    // Cargar Google Analytics (placeholder - configurar con tu ID)
    function loadAnalytics() {
        // Descomentar y configurar cuando tengas Google Analytics:
        /*
        if (window.gaLoaded) return;
        window.gaLoaded = true;
        
        const GA_ID = 'G-XXXXXXXXXX'; // Tu ID de Google Analytics
        
        const script = document.createElement('script');
        script.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA_ID;
        script.async = true;
        document.head.appendChild(script);
        
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', GA_ID);
        */
    }
    
    // Cargar scripts de marketing (placeholder)
    function loadMarketing() {
        // Añadir aquí scripts de marketing cuando los necesites:
        // - Google Ads
        // - Facebook Pixel
        // - etc.
    }
    
    // Eliminar cookies opcionales
    function removeOptionalCookies() {
        // Lista de cookies a eliminar si el usuario rechaza
        const cookiesToRemove = ['_ga', '_gid', '_gat', '_fbp', '_fbc'];
        cookiesToRemove.forEach(name => {
            document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.' + window.location.hostname;
            document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
        });
    }
    
    // Inicializar al cargar
    (function initCookieConsent() {
        // Limpiar formato viejo si existe
        if (localStorage.getItem('cookiesAccepted')) {
            localStorage.removeItem('cookiesAccepted');
        }
        
        const consent = getCookieConsent();
        
        if (!consent) {
            // PRIMERA VISITA: No hay consentimiento guardado
            // Mostrar banner, ocultar FAB
            showCookieBanner();
            hideCookieFab();
        } else {
            // YA ELIGIÓ: Hay consentimiento guardado
            // Ocultar banner, mostrar FAB
            hideCookieBanner();
            showCookieFab();
            loadConsentedScripts(consent);
        }
    })();
    </script>

    <!-- Scroll to Top -->
    <style>
    .scroll-to-top {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: #252525;
        border: 1px solid #333;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s ease;
        z-index: 999;
    }
    .scroll-to-top.visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .scroll-to-top:hover {
        background: #333;
        border-color: #6366f1;
    }
    .scroll-to-top svg {
        width: 18px;
        height: 18px;
        stroke: #6366f1;
        fill: none;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    @media (max-width: 768px) {
        .scroll-to-top {
            bottom: 20px;
            right: 16px;
            width: 40px;
            height: 40px;
        }
    }
    </style>
    
    <!-- Mobile Menu Toggle Animation -->
    <style>
    /* Hamburguesa a X animación */
    .menu-toggle {
        position: relative;
    }
    .menu-toggle svg {
        transition: all 0.3s ease;
    }
    .menu-toggle.active svg {
        opacity: 0;
        transform: rotate(90deg);
    }
    .menu-toggle::before,
    .menu-toggle::after {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        background: currentColor;
        transition: all 0.3s ease;
        opacity: 0;
    }
    .menu-toggle::before {
        transform: rotate(0deg);
    }
    .menu-toggle::after {
        transform: rotate(0deg);
    }
    .menu-toggle.active::before,
    .menu-toggle.active::after {
        opacity: 1;
    }
    .menu-toggle.active::before {
        transform: rotate(45deg);
        background: var(--text, #1a1a1a);
    }
    .menu-toggle.active::after {
        transform: rotate(-45deg);
        background: var(--text, #1a1a1a);
    }
    </style>
    <script>
    (function() {
        const scrollBtn = document.getElementById('scrollToTop');
        if (!scrollBtn) return;
        
        // Mostrar/ocultar según scroll
        function toggleScrollBtn() {
            if (window.scrollY > 400) {
                scrollBtn.classList.add('visible');
            } else {
                scrollBtn.classList.remove('visible');
            }
        }
        
        // Scroll suave al top
        scrollBtn.addEventListener('click', function() {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });
        
        // Escuchar scroll con throttle
        let ticking = false;
        window.addEventListener('scroll', function() {
            if (!ticking) {
                window.requestAnimationFrame(function() {
                    toggleScrollBtn();
                    ticking = false;
                });
                ticking = true;
            }
        });
        
        // Check inicial
        toggleScrollBtn();
    })();
    </script>
</body>
</html>