<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Noticias &#8211; Medialab UGR</title>
	<atom:link href="https://medialab.ugr.es/noticias/feed/" rel="self" type="application/rss+xml" />
	<link>https://medialab.ugr.es</link>
	<description>Laboratorio de innovación social de la Universidad de Granada</description>
	<lastBuildDate>Fri, 29 May 2026 09:07:50 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2024/02/medialab-favicon.png?fit=32%2C32&#038;ssl=1</url>
	<title>Noticias &#8211; Medialab UGR</title>
	<link>https://medialab.ugr.es</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">126627453</site>	<item>
		<title>Medialab UGR participa en FLASH! Fest para impulsar nuevos lenguajes digitales, talento joven y comunicación con impacto social</title>
		<link>https://medialab.ugr.es/noticias/medialab-ugr-participa-en-flash-fest-para-impulsar-nuevos-lenguajes-digitales-talento-joven-y-comunicacion-con-impacto-social/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Fri, 29 May 2026 09:07:46 +0000</pubDate>
				<category><![CDATA[Innovación Social]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Resumen de eventos]]></category>
		<category><![CDATA[Sociedad Digital]]></category>
		<category><![CDATA[innovación]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<category><![CDATA[UGR]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19536</guid>

					<description><![CDATA[La Universidad de Granada refuerza su apuesta por la comunicación digital, la innovación social y el talento joven con su [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-left wp-block-paragraph">La Universidad de Granada refuerza su apuesta por la comunicación digital, la innovación social y el talento joven con su participación en <strong>FLASH! Fest</strong>, el festival que reunirá en <strong>Armilla</strong> a creadores y creadoras de contenido vinculados al turismo, la gastronomía, la cultura y los nuevos formatos digitales.</p>



<p class="has-text-align-left wp-block-paragraph">El encuentro, que se celebrará del <strong>2 al 4 de octubre en el recinto ferial de Fermasa,</strong> se presenta como un espacio para pensar, experimentar y compartir las formas en las que hoy se comunica, se crea comunidad y se construyen relatos en el entorno digital. En esta nueva edición, la UGR evoluciona su participación hacia una propuesta centrada en los nuevos códigos comunicativos, la creación de contenidos de vanguardia y la conexión con las generaciones más jóvenes.</p>



<p class="has-text-align-left wp-block-paragraph"><strong>Medialab UGR </strong>formará parte de esta apuesta, junto a <strong>Talent UGR, Radiolab UGR</strong> y otros espacios universitarios, como la <strong>Facultad de Comunicación y Documentación </strong>y la de<strong> Ciencias del Deporte</strong>, con el objetivo de acercar la universidad a los lugares donde ya están ocurriendo muchas de las conversaciones contemporáneas: las redes sociales, los formatos audiovisuales breves, la comunicación digital y las comunidades de creadores.</p>



<p class="has-text-align-left wp-block-paragraph">La participación de la Universidad de Granada en FLASH! Fest supone también una oportunidad para reflexionar sobre los retos de este nuevo ecosistema comunicativo. Frente a fenómenos como la desinformación, las noticias falsas o la velocidad con la que circulan los contenidos, la universidad puede aportar rigor, pensamiento crítico y compromiso ético, sin renunciar a la frescura, la creatividad y la cercanía de los nuevos formatos.</p>



<p class="has-text-align-left wp-block-paragraph">Durante la presentación oficial del festival, <strong>Sandra Haro</strong>, coordinadora de Medialab UGR, destacó la importancia de que la Universidad salga de sus espacios tradicionales para dialogar con la realidad digital actual. Esta presencia permite conectar el conocimiento universitario con nuevos públicos y reconocer el papel de la juventud como agente activo en la creación de contenidos, relatos y comunidades.</p>



<p class="has-text-align-left wp-block-paragraph">FLASH! Fest contará con la participación de creadores y creadoras con un fuerte acento local, entre ellos <strong>Carmen de Granada, Niño Safaera, Pateando Granada, Bego García, Celia Planes en Granada, Laura López “La Canastera”, Álex Osorio, Emilio GM, Camyzap, Granhambrienta </strong>y<strong> Viaje Potaje.</strong> También estarán presentes figuras como <strong>Cristinini, Sandra Morales </strong>y<strong> Gastroviajera</strong>, embajadoras del festival, junto a otros invitados del ámbito de la comunicación y la cultura.</p>



<p class="has-text-align-left wp-block-paragraph">Con esta colaboración, Medialab UGR continúa explorando nuevas formas de comunicación pública, participación ciudadana e innovación social con impacto en la comunidad.</p>



<p class="has-text-align-left wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19536</post-id>	</item>
		<item>
		<title>La Comisión Europea destaca Impronta Granada como caso de estudio en innovación social y conexión territorial</title>
		<link>https://medialab.ugr.es/noticias/la-comision-europea-destaca-impronta-granada-como-caso-de-estudio-en-innovacion-social-y-conexion-territorial/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:56:39 +0000</pubDate>
				<category><![CDATA[Impronta Granada]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Innovacción]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19525</guid>

					<description><![CDATA[La iniciativa europea HEInnovate, impulsada por la Comisión Europea y la OCDE, ha publicado un caso de estudio sobre Impronta [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">La iniciativa europea HEInnovate, impulsada por la Comisión Europea y la OCDE, ha publicado un caso de estudio sobre Impronta Granada, reconociendo el modelo de colaboración entre la Universidad de Granada y la Diputación de Granada como una experiencia destacada de innovación social, gobernanza territorial y conexión entre conocimiento universitario y desarrollo local.</p>



<p class="wp-block-paragraph">La publicación de este caso de estudio posiciona a Impronta Granada como un referente internacional en el desarrollo de alianzas de cuádruple hélice para el desarrollo regional, poniendo en valor el impacto real y el carácter estratégico de una iniciativa que conecta universidad, administraciones públicas, tejido social y ciudadanía en torno a los retos de la provincia.</p>



<p class="wp-block-paragraph">HEInnovate es una iniciativa conjunta de la Comisión Europea y la OCDE dirigida a fortalecer el potencial innovador y emprendedor de las instituciones de educación superior. La selección de Impronta Granada como caso de estudio supone un importante reconocimiento al trabajo desarrollado desde la Universidad de Granada para abrir nuevos espacios de colaboración, transferencia de conocimiento y transformación territorial.</p>



<p class="wp-block-paragraph">El informe analiza cómo Impronta Granada ha contribuido a articular una alianza de cuádruple hélice entre la Universidad de Granada y la Diputación de Granada, conectando el conocimiento experto universitario con las prioridades territoriales de los 174 municipios granadinos. Este modelo ha permitido generar procesos de cocreación, participación e innovación pública orientados a responder a retos reales del territorio.</p>



<p class="wp-block-paragraph">Entre los aspectos destacados por el caso de estudio se encuentran el ecosistema de programas impulsado en torno a Impronta Granada, como los laboratorios de ciencia y política, los living labs, las acciones de innovación abierta, ciencia ciudadana y empleabilidad; así como el papel de la plataforma digital, que organiza más de 1.000 medidas vinculadas a las Agendas Urbanas de la provincia.</p>



<p class="wp-block-paragraph">El estudio también subraya el papel de Medialab UGR como motor, espacio de impulso, acompañamiento metodológico y anclaje institucional para la implementación del proyecto. Desde Medialab, Impronta Granada se ha consolidado como un laboratorio de innovación social aplicada al territorio, capaz de activar conocimiento universitario, generar alianzas y acompañar procesos de transformación pública desde una perspectiva colaborativa.</p>



<p class="wp-block-paragraph">Asimismo, el informe señala el impacto de la iniciativa en el fortalecimiento del compromiso municipal, el apoyo a políticas públicas basadas en evidencias y la generación de valor social, cultural y territorial. También identifica algunos de los desafíos de futuro, como la mejora de los procesos de emparejamiento entre necesidades territoriales y conocimiento universitario mediante inteligencia artificial, o la expansión de los centros universitarios locales como nodos de conexión con el territorio.</p>



<p class="wp-block-paragraph">Este reconocimiento europeo es fruto de una colaboración sostenida, rigurosa y productiva entre instituciones, personal investigador, equipos técnicos, municipios y ciudadanía. Desde Medialab UGR agradecemos a todas las personas que participan en los laboratorios, programas y espacios de trabajo de Impronta Granada, haciendo posible que la universidad siga conectando con los retos de su entorno.</p>



<p class="wp-block-paragraph">Puedes consultar el caso completo en el siguiente enlace: <a href="https://www.heinnovate.eu/en/heinnovate-resources/resources/impronta-granada-quadruple-helix-alliance-regional-development" target="_blank" rel="noreferrer noopener">Impronta Granada en HEInnovate</a></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19525</post-id>	</item>
		<item>
		<title>Inauguración de la exposición «Los negativos de la escena»</title>
		<link>https://medialab.ugr.es/noticias/inauguracion-de-la-exposicion-los-negativos-de-la-escena/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Thu, 28 May 2026 07:47:45 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[Rock Your Research]]></category>
		<category><![CDATA[exposición]]></category>
		<category><![CDATA[Fundación Miguel Ríos]]></category>
		<category><![CDATA[laboratorios ciudadanos]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19522</guid>

					<description><![CDATA[Exposición: Los Negativos de la Escena &#8211; Granada KODAK 400TX24•SAFETY FILM Inauguración Exposición Colectiva LOS NEGATIVOS DE LA ESCENA «Un [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exposición: Los Negativos de la Escena &#8211; Granada</title>
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Google Fonts: Syne y Space Grotesk para estética moderna e identitaria -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght=300;400;500;600;700&#038;family=Syne:wght=700;800&#038;display=swap" rel="stylesheet">
    <!-- FontAwesome para iconos -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        body {
            font-family: 'Space Grotesk', sans-serif;
            background-color: #fcfcfd;
            color: #1f2937;
        }
        h1, h2, h3, .font-syne {
            font-family: 'Syne', sans-serif;
        }
        /* Estilos analógicos adaptados a fondo claro (Mesa de luz) */
        .light-neon-border {
            box-shadow: 0 4px 20px rgba(217, 119, 6, 0.08), 0 0 1px rgba(217, 119, 6, 0.2);
        }
        .text-neon-orange {
            color: #d97706;
            text-shadow: 0 0 1px rgba(217, 119, 6, 0.1);
        }
        .light-grain {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");
        }
    </style>
</head>
<body class="light-grain relative selection:bg-amber-100 selection:text-amber-900 overflow-x-hidden">

    <!-- CABECERA PRINCIPAL (Estilo Editorial / Portafolio Blanco) -->
    <header class="relative min-h-[40vh] flex flex-col justify-between overflow-hidden border-b border-zinc-200 bg-white">
        <!-- Fondo Decorativo Sutil -->
        <div class="absolute inset-0 bg-gradient-to-b from-zinc-50/50 via-transparent to-white z-10"></div>
        <div class="absolute inset-0 opacity-[0.15] bg-[radial-gradient(#d97706_1px,transparent_1px)] [background-size:20px_20px] pointer-events-none"></div>
        
        <!-- Elemento de Negativo de Foto Superior (Estilo Mesa de Luz) -->
        <div class="w-full h-8 bg-zinc-50 border-b border-zinc-200 flex justify-between items-center px-4 z-20 overflow-hidden">
            <div class="flex space-x-2 text-[10px] tracking-widest text-zinc-400 font-mono">
                <span>KODAK 400TX</span><span>24</span><span>•</span><span>SAFETY FILM</span>
            </div>
            <div class="flex space-x-4">
                <div class="w-3 h-4 bg-zinc-200 rounded-sm border border-zinc-300"></div>
                <div class="w-3 h-4 bg-zinc-200 rounded-sm border border-zinc-300"></div>
                <div class="w-3 h-4 bg-zinc-200 rounded-sm border border-zinc-300"></div>
            </div>
        </div>

        <!-- Contenido de la cabecera -->
        <div class="max-w-6xl mx-auto w-full px-6 py-20 relative z-20 flex-grow flex flex-col justify-center">
            <div class="inline-flex items-center space-x-2 bg-amber-50 border border-amber-200 text-amber-800 px-3.5 py-1.5 rounded-full text-xs font-semibold uppercase tracking-wider mb-6 w-max">
                <span class="w-2 h-2 rounded-full bg-amber-600 animate-pulse"></span>
                <span>Inauguración Exposición Colectiva</span>
            </div>
            
            <h1 class="text-4xl md:text-6xl lg:text-7xl font-extrabold tracking-tight text-zinc-900 leading-none">
                LOS NEGATIVOS <br>DE LA <span class="text-neon-orange">ESCENA</span>
            </h1>
        </div>
    </header>

    <!-- CUERPO DE LA NOTICIA -->
    <main id="noticia" class="max-w-6xl mx-auto px-6 py-16 md:py-24">
        <!-- Subtítulo de prensa -->
        <blockquote class="text-xl md:text-2xl font-light text-zinc-700 border-l-4 border-amber-600 pl-6 mb-16 italic max-w-4xl">
            «Un proyecto fotográfico y participativo que mapea la resistencia cultural de los pequeños comercios, salas independientes y profesionales de la música.»
        </blockquote>

        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12">
            <!-- Columna de Texto Principal (8 columnas) -->
            <div class="lg:col-span-8 space-y-6 text-zinc-700 text-lg leading-relaxed">
                <p class="font-semibold text-zinc-900 text-xl leading-snug">
                    <span class="bg-amber-600 text-white px-2.5 py-0.5 mr-2 rounded font-bold text-sm tracking-wide">GRANADA</span> 
                    El próximo jueves 11 de junio a las 19:00 h, el icónico pub <span class="text-zinc-950 underline decoration-amber-600 decoration-2 font-medium">Ruido Rosa</span> abrirá sus puertas para la presentación de los resultados de uno de los proyectos desarrollados por la Fundación Miguel Ríos, Medialab UGR y el programa europeo Erasmus+ Rock Your Research.
                </p>

                <p>
                    Bajo el título <strong>«Los Negativos de la Escena»</strong>, la iniciativa ha buscado desvirtualizar, poner cara y reivindicar a todas las personas y pequeños negocios de proximidad que sostienen el ecosistema musical de la ciudad, desde la trastienda de los escenarios y la autoedición.
                </p>

                <div class="my-10 bg-zinc-50 p-6 rounded-xl border border-zinc-200">
                    <h3 class="text-xl font-bold text-zinc-900 mb-3 flex items-center gap-2">
                        <i class="fa-solid fa-users text-amber-600"></i> Una radiografía nacida del tejido ciudadano
                    </h3>
                    <p class="text-base text-zinc-600">
                        La exposición que se presenta es el fruto de los encuentros participativos y laboratorios ciudadanos celebrados a lo largo de este año en espacios comunitarios como <em>«Se Vende Bocadillos»</em> o el <em>«II Rock Café»</em>. Allí, melómanos, personal académico de la UGR, artistas y activistas culturales debatieron para estructurar y poner en marcha este mapa de la Granada cultural.
                    </p>
                </div>

                <p>
                    La muestra fotográfica y analógica rinde homenaje a los grandes ejes identificados y documentados en esta investigación comunitaria:
                </p>

                <!-- Tarjetas Interactivas de los 2 Ejes (Combinados) -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-8">
                    <!-- Eje 1: Espacios Escénicos, Comercio y Técnica -->
                    <div class="bg-white p-6 rounded-lg border border-zinc-200 hover:border-amber-500 hover:shadow-sm transition duration-300">
                        <div class="text-amber-600 text-2xl mb-3"><i class="fa-solid fa-store"></i></div>
                        <h4 class="text-zinc-900 font-bold mb-2">Espacios, Comercio y Técnica</h4>
                        <p class="text-sm text-zinc-500">Salas de conciertos históricas e independientes que configuran la red de música en vivo, junto a disquerías de proximidad (Marcapasos, BoraBora, Subterránea) y laboratorios analógicos como La Química Film Lab.</p>
                    </div>
                    <!-- Eje 2: Bares y Puntos Clave -->
                    <div class="bg-white p-6 rounded-lg border border-zinc-200 hover:border-amber-500 hover:shadow-sm transition duration-300">
                        <div class="text-amber-600 text-2xl mb-3"><i class="fa-solid fa-beer-mug-empty"></i></div>
                        <h4 class="text-zinc-900 font-bold mb-2">Bares y Puntos Clave</h4>
                        <p class="text-sm text-zinc-500">Puntos neurálgicos de interacción social y difusión cultural en formatos íntimos. Espacios de confianza indispensables para el networking de la escena granadina como La Estrella, El Loop Bar &#038; Records o el emblemático Ruido Rosa.</p>
                    </div>
                </div>

                <h3 class="text-2xl font-bold text-zinc-900 pt-6">Fotografía para desvirtualizar el trabajo invisible</h3>
                <p>
                    La exposición fotográfica colectiva cuenta con retratos del tejido técnico, de producción y de diseño gráfico de la provincia, y cuenta además con la colaboración de la Asociación Sociocultural Espárrago a Contrapelo y de Lucía de Chapi Piruli.
                </p>
                <p>
                    Además del formato analógico físico expuesto en el Ruido Rosa, el proyecto culminará con el lanzamiento de un <strong>recurso digital interactivo (un mapa cultural de Granada online)</strong> para visibilizar el directorio vivo de la cultura musical local.
                </p>
            </div>

            <!-- Columna Lateral - Información del Evento (4 columnas) -->
            <div id="agenda" class="lg:col-span-4 space-y-8">
                <!-- Tarjeta del Evento -->
                <div class="bg-white border-2 border-zinc-200 rounded-xl p-6 light-neon-border relative overflow-hidden">
                    <!-- Banda superior de negativo sutil -->
                    <div class="absolute top-0 left-0 right-0 h-3 bg-zinc-100 flex justify-around opacity-60">
                        <div class="w-2 h-2 bg-zinc-300"></div>
                        <div class="w-2 h-2 bg-zinc-300"></div>
                        <div class="w-2 h-2 bg-zinc-300"></div>
                        <div class="w-2 h-2 bg-zinc-300"></div>
                        <div class="w-2 h-2 bg-zinc-300"></div>
                    </div>
                    
                    <h3 class="text-xl font-bold text-zinc-900 mb-6 pt-4 text-center tracking-wide">INAUGURACIÓN</h3>
                    
                    <div class="space-y-5">
                        <div class="flex items-start space-x-4">
                            <div class="bg-amber-50 text-amber-600 p-2.5 rounded-lg border border-amber-100">
                                <i class="fa-regular fa-calendar-days text-lg w-5 text-center"></i>
                            </div>
                            <div>
                                <p class="text-[10px] text-zinc-400 uppercase tracking-widest font-mono">Fecha</p>
                                <p class="text-zinc-900 font-semibold">Jueves, 11 de junio</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="bg-amber-50 text-amber-600 p-2.5 rounded-lg border border-amber-100">
                                <i class="fa-regular fa-clock text-lg w-5 text-center"></i>
                            </div>
                            <div>
                                <p class="text-[10px] text-zinc-400 uppercase tracking-widest font-mono">Hora de inicio</p>
                                <p class="text-zinc-900 font-semibold">19:00 h</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="bg-amber-50 text-amber-600 p-2.5 rounded-lg border border-amber-100">
                                <i class="fa-solid fa-location-dot text-lg w-5 text-center"></i>
                            </div>
                            <div>
                                <p class="text-[10px] text-zinc-400 uppercase tracking-widest font-mono">Lugar</p>
                                <p class="text-zinc-900 font-semibold">Pub Ruido Rosa</p>
                                <p class="text-xs text-zinc-500">Calle Sol, Granada</p>
                            </div>
                        </div>

                        <div class="flex items-start space-x-4">
                            <div class="bg-amber-50 text-amber-600 p-2.5 rounded-lg border border-amber-100">
                                <i class="fa-solid fa-ticket text-lg w-5 text-center"></i>
                            </div>
                            <div>
                                <p class="text-[10px] text-zinc-400 uppercase tracking-widest font-mono">Acceso</p>
                                <p class="text-amber-700 font-bold">Entrada libre y gratuita</p>
                                <p class="text-xs text-zinc-400">Hasta completar aforo</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Bloque de Organizadores -->
                <div class="bg-zinc-50 p-6 rounded-xl border border-zinc-200">
                    <h4 class="text-zinc-800 font-bold mb-4 text-xs tracking-wider uppercase">Proyecto Co-organizado por:</h4>
                    <div class="space-y-3">
                        <div class="flex items-center space-x-3 text-zinc-600">
                            <i class="fa-solid fa-circle-dot text-[8px] text-amber-600"></i>
                            <span class="text-sm font-medium">Fundación Miguel Ríos</span>
                        </div>
                        <div class="flex items-center space-x-3 text-zinc-600">
                            <i class="fa-solid fa-circle-dot text-[8px] text-amber-600"></i>
                            <span class="text-sm font-medium">Medialab UGR (UGR)</span>
                        </div>
                        <div class="flex items-center space-x-3 text-zinc-600">
                            <i class="fa-solid fa-circle-dot text-[8px] text-amber-600"></i>
                            <span class="text-sm font-medium">Erasmus+ Rock Your Research</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- FOOTER / PIE DE PÁGINA (Estilo Blanco Minimalista) -->
    <footer class="bg-white py-12 text-zinc-400 border-t border-zinc-200 text-sm">
        <div class="max-w-6xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6">
            <div class="space-y-1 text-center md:text-left">
                <p class="text-zinc-700 font-bold">&copy; 2026 Laboratorio de Música y Sociedad.</p>
                <p class="text-xs text-zinc-400">Una alianza por la salvaguarda de la identidad de la cultura urbana y musical.</p>
            </div>
            <div class="flex flex-wrap justify-center gap-6 text-zinc-500 font-medium">
                <span class="hover:text-zinc-900 transition cursor-pointer">Fundación Miguel Ríos</span>
                <span class="hover:text-zinc-900 transition cursor-pointer">Medialab UGR</span>
                <span class="hover:text-zinc-900 transition cursor-pointer">Rock Your Research</span>
            </div>
        </div>
    </footer>
</body>
</html>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img data-recalc-dims="1" height="1024" width="724" decoding="async" data-id="19530" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/CARTEL-LNDE-DEFINITIVO-CARTEL-A4-1.png?resize=724%2C1024&#038;ssl=1" alt="" class="wp-image-19530"/></figure>
</figure>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19522</post-id>	</item>
		<item>
		<title>MIMOSA Festival</title>
		<link>https://medialab.ugr.es/noticias/mimosa-festival/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Wed, 20 May 2026 10:39:30 +0000</pubDate>
				<category><![CDATA[LABORATORIOS CIUDADANOS]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Rock Your Research]]></category>
		<category><![CDATA[festival]]></category>
		<category><![CDATA[Fundación Miguel Ríos]]></category>
		<category><![CDATA[laboratorio ciudadano]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19467</guid>

					<description><![CDATA[Festival MIMOSA &#8211; Sala Planta Baja Todo lo que necesitas saber sobre el festival MIMOSA, el proyecto final del laboratorio [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Festival MIMOSA &#8211; Sala Planta Baja</title>
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Lucide Icons para componentes visuales -->
    <script src="https://unpkg.com/lucide@latest"></script>
    <!-- Google Fonts: Inter para la base y Space Grotesk para el toque institucional y moderno -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&#038;family=Space+Grotesk:wght@500;600;700;900&#038;display=swap" rel="stylesheet">
    
    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
        }
        .font-festival {
            font-family: 'Space Grotesk', sans-serif;
        }

        /* Animación suave para las auroras de luz del fondo */
        @keyframes float-slow-1 {
            0%, 100% { transform: translate(0px, 0px) scale(1); }
            33% { transform: translate(40px, -40px) scale(1.1); }
            66% { transform: translate(-20px, 30px) scale(0.95); }
        }
        @keyframes float-slow-2 {
            0%, 100% { transform: translate(0px, 0px) scale(1); }
            33% { transform: translate(-30px, 30px) scale(0.9); }
            66% { transform: translate(40px, -20px) scale(1.05); }
        }
        @keyframes float-slow-3 {
            0%, 100% { transform: translate(0px, 0px) scale(1); }
            50% { transform: translate(30px, 40px) scale(1.15); }
        }

        .animate-blob-1 { animation: float-slow-1 15s infinite alternate ease-in-out; }
        .animate-blob-2 { animation: float-slow-2 18s infinite alternate ease-in-out; }
        .animate-blob-3 { animation: float-slow-3 16s infinite alternate ease-in-out; }

        .halftone-overlay {
            background-image: radial-gradient(rgba(15, 23, 42, 0.03) 1.2px, transparent 0);
            background-size: 20px 20px;
        }
    </style>
</head>
<body class="text-slate-800 antialiased selection:bg-[#eb4213] selection:text-white min-h-screen relative overflow-x-hidden halftone-overlay">

    <!-- LIENZO DE FONDOS VIBRANTES DIFUMINADOS (Gama: Rojo, Rosa, Verde) -->
    <div class="fixed inset-0 -z-10 overflow-hidden pointer-events-none">
        <div class="absolute top-[-5%] left-[10%] w-[450px] sm:w-[650px] h-[450px] sm:h-[650px] rounded-full bg-[#eb4213] opacity-[0.12] blur-[100px] sm:blur-[140px] animate-blob-1"></div>
        <div class="absolute bottom-[10%] right-[10%] w-[400px] sm:w-[600px] h-[400px] sm:h-[600px] rounded-full bg-[#ff99dc] opacity-[0.14] blur-[110px] sm:blur-[150px] animate-blob-2"></div>
        <div class="absolute top-[35%] right-[20%] w-[350px] sm:w-[500px] h-[350px] sm:h-[500px] rounded-full bg-[#d8f382] opacity-[0.16] blur-[100px] sm:blur-[130px] animate-blob-3"></div>
    </div>

    <!-- CONTENIDO DE LA NOTICIA (Ancho ajustado a un max-w-5xl óptimo y sin barra lateral) -->
    <main class="max-w-5xl mx-auto px-4 sm:px-6 py-10 sm:py-20 relative z-10">

        <!-- Contenedor Principal en formato Ancho Completo -->
        <article class="w-full bg-white/70 backdrop-blur-xl border border-slate-200/80 rounded-3xl p-6 sm:p-10 shadow-xl shadow-slate-100/40 relative">
            
            <!-- Título Oficial Actualizado -->
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight leading-none mb-8 font-festival">
                Todo lo que necesitas saber sobre el festival MIMOSA, el proyecto final del laboratorio «Ellas Suenan»
            </h1>

            <!-- Metadatos de publicación -->
            <div class="flex flex-wrap items-center gap-4 text-xs text-slate-500 pb-6 border-b border-slate-200 mb-8">
                <span class="flex items-center gap-1.5 font-semibold text-slate-700">
                    <i data-lucide="user" class="w-4 h-4 text-[#eb4213]"></i> Redacción Medialab UGR
                </span>
                <span>•</span>
                <span class="flex items-center gap-1.5 text-slate-700 font-semibold">
                    <i data-lucide="music-4" class="w-4 h-4 text-[#ff99dc]"></i> Evento de Entrada Libre
                </span>
                <span>•</span>
                <span class="bg-[#d8f382]/40 text-slate-900 px-2 py-0.5 rounded font-bold uppercase tracking-wider text-[10px]">Cultura e Igualdad</span>
            </div>

            <!-- TICKET DIGITAL (Lugar, Fecha, Hora) -->
            <div class="mb-8 relative">
                
                <div class="flex flex-col md:flex-row bg-white text-slate-800 rounded-3xl overflow-hidden border border-slate-200 shadow-lg relative">
                    <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-[#eb4213] via-[#ff99dc] to-[#d8f382]"></div>
                    
                    <!-- Sección Ticket: Datos -->
                    <div class="flex-1 p-6 sm:p-8 flex flex-col justify-between relative mt-1">
                        <div class="absolute -left-3.5 top-1/2 -translate-y-1/2 w-7 h-7 bg-[#f8fafc] rounded-full z-10 hidden md:block border-r border-slate-200"></div>
                        
                        <div>
                            <div class="flex justify-between items-center mb-4">
                                <span class="text-xs sm:text-sm uppercase tracking-wider bg-slate-900 text-white px-3.5 py-1.5 rounded-lg font-bold font-festival">
                                    Acceso Gratuito
                                </span>
                                <span class="text-[10px] uppercase tracking-widest text-[#eb4213] font-bold font-festival flex items-center gap-1">
                                    <i data-lucide="sparkles" class="w-3 h-3"></i> Ellas Suenan Lab
                                </span>
                            </div>
                            <h3 class="text-3xl sm:text-4xl font-extrabold font-festival tracking-tighter text-slate-900 mb-2 leading-none">
                                FESTIVAL <span class="text-[#eb4213]">MIMOSA</span>
                            </h3>
                            <p class="text-xs text-slate-500 max-w-xl mb-6 leading-relaxed">
                                Iniciativa de transformación cultural impulsada por la Fundación Miguel Ríos, Medialab UGR y el programa europeo Erasmus+ Rock Your Research.
                            </p>
                        </div>

                        <div class="space-y-3 pt-4 border-t border-slate-100">
                            <div class="flex items-center gap-3">
                                <div class="bg-slate-100 p-2 rounded-xl text-slate-700 border border-slate-200">
                                    <i data-lucide="map-pin" class="w-5 h-5 text-[#eb4213]"></i>
                                </div>
                                <div>
                                    <p class="text-[9px] text-slate-400 uppercase tracking-wider font-semibold">Ubicación</p>
                                    <p class="text-base font-bold text-slate-900 font-festival">
                                        SALA PLANTA BAJA <span class="text-slate-500 text-xs font-normal font-sans">(Granada)</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="hidden md:flex flex-col justify-between items-center py-4 bg-white border-l border-dashed border-slate-200 relative mt-1">
                        <div class="w-3 h-3 bg-[#f8fafc] rounded-full -mt-5"></div>
                        <div class="w-3 h-3 bg-[#f8fafc] rounded-full -mb-5"></div>
                    </div>

                    <!-- Stub del Ticket -->
                    <div class="bg-slate-50 text-slate-800 p-6 sm:p-8 md:w-64 flex flex-col justify-between items-stretch text-center border-t md:border-t-0 md:border-l border-slate-200 relative mt-1">
                        <div>
                            <p class="text-[10px] uppercase tracking-widest text-slate-400 font-bold mb-2 font-festival">FECHA</p>
                            <div class="font-festival leading-none my-1">
                                <span class="block text-5xl font-black text-slate-900">24</span>
                                <span class="block text-sm font-bold text-[#eb4213] uppercase mt-1">JUNIO / 2026</span>
                            </div>
                        </div>

                        <div class="py-3 my-2 border-y border-slate-200">
                            <p class="text-[10px] uppercase tracking-wider text-slate-400 font-bold">HORA</p>
                            <p class="text-xl font-bold font-festival text-slate-900">20:30 H</p>
                            <p class="text-[9px] text-slate-500 uppercase tracking-widest font-bold">de la tarde</p>
                        </div>

                        <div class="bg-white p-1 rounded-lg flex flex-col items-center justify-center border border-slate-200">
                            <div class="h-6 w-full bg-[repeating-linear-gradient(90deg,#0f172a,#0f172a_2px,transparent_2px,transparent_6px)]"></div>
                            <span class="text-[8px] font-mono text-slate-500 mt-1 font-semibold">MIMOSA-240626</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- BLOQUE INFORMATIVO: ENTRADAS FÍSICAS REQUERIDAS -->
            <div class="mb-12 bg-[#eb4213]/5 border-2 border-[#eb4213]/15 rounded-3xl p-6 flex gap-4 items-start shadow-xs">
                <div class="bg-[#eb4213] text-white p-2.5 rounded-xl shrink-0 shadow-sm shadow-[#eb4213]/30">
                    <i data-lucide="ticket" class="w-5 h-5"></i>
                </div>
                <div>
                    <h4 class="text-sm font-black text-[#eb4213] uppercase tracking-wider font-festival mb-1">
                        Información Importante sobre las Entradas
                    </h4>
                    <p class="text-slate-600 text-sm leading-relaxed">
                        Aunque el acceso al festival es completamente <strong>gratuito</strong>, para entrar a la Sala Planta Baja será indispensable presentar una <strong>entrada física oficial</strong>. Próximamente añadiremos y detallaremos en esta misma sección los puntos de recogida oficiales en Granada para que puedas adquirir la tuya. ¡Permanece atentx!
                    </p>
                </div>
            </div>

            <!-- Cuerpo de Texto -->
            <div class="space-y-6 text-slate-600 leading-relaxed text-base sm:text-lg">
                <p>
                    El laboratorio ciudadano <strong>«Ellas Suenan»</strong> retoma su andadura para abordar activamente las desigualdades de género presentes en la escena musical y en el ocio nocturno de Granada. Tras intensas jornadas de análisis y codiseño, el proyecto presenta su resultado final: el <strong>Festival MIMOSA</strong>. 
                </p>

                <!-- SECCIÓN DE ARTISTAS (Ahora mucho más espaciosa y legible) -->
                <div class="my-12">
                    <div class="flex justify-between items-center mb-6 pb-2 border-b border-slate-100">
                        <h3 class="text-lg font-bold uppercase tracking-wider text-slate-900 font-festival flex items-center gap-2">
                            <i data-lucide="music" class="w-5 h-5 text-[#eb4213]"></i> EL CARTEL
                        </h3>
                    </div>
                    
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                        
                        <!-- marrón_rosé (Con enlace de YouTube en el altavoz) -->
                        <div class="bg-white p-5 rounded-2xl border border-slate-200 hover:border-[#ff99dc] transition-all duration-300 flex flex-col justify-between group relative overflow-hidden shadow-sm hover:shadow-md">
                            <div class="absolute -right-6 -bottom-6 w-24 h-24 bg-[#ff99dc]/5 rounded-full group-hover:scale-150 transition-transform duration-500 animate-pulse"></div>
                            <div class="flex justify-between items-start mb-4 relative z-10">
                                <h4 class="text-xl font-bold font-festival text-slate-900 group-hover:text-[#eb4213]">marrón_rosé</h4>
                                <!-- Altavoz con sonido y redirección externa -->
                                <a href="https://youtu.be/8DsZaa_AfTM?is=UQgRgqx09Xk8InpO" target="_blank" onclick="playSynth(329.63, 'triangle')" class="w-10 h-10 rounded-full bg-slate-900 text-white flex items-center justify-center hover:bg-[#eb4213] transition-colors shadow-lg animate-pulse" title="Pincha para escuchar y abrir videoclip">
                                    <i data-lucide="volume-2" class="w-4 h-4"></i>
                                </a>
                            </div>
                            <p class="text-xs text-slate-400 font-medium relative z-10">pincha en el altavoz para escucharlxs</p>
                        </div>

                        <!-- paul_rodie (Con enlace de YouTube en el altavoz) -->
                        <div class="bg-white p-5 rounded-2xl border border-slate-200 hover:border-[#d8f382] transition-all duration-300 flex flex-col justify-between group relative overflow-hidden shadow-sm hover:shadow-md">
                            <div class="absolute -right-6 -bottom-6 w-24 h-24 bg-[#d8f382]/5 rounded-full group-hover:scale-150 transition-transform duration-500"></div>
                            <div class="flex justify-between items-start mb-4 relative z-10">
                                <h4 class="text-xl font-bold font-festival text-slate-900 group-hover:text-slate-800">paul_rodie</h4>
                                <!-- Altavoz con sonido y redirección externa -->
                                <a href="https://youtu.be/TOV8TusMR9g?is=tm28wXl9jPtdLTDC" target="_blank" onclick="playSynth(220.00, 'sawtooth')" class="w-10 h-10 rounded-full bg-slate-900 text-white flex items-center justify-center hover:bg-slate-800 transition-colors shadow-lg animate-pulse" title="Pincha para escuchar y abrir videoclip">
                                    <i data-lucide="volume-2" class="w-4 h-4"></i>
                                </a>
                            </div>
                            <p class="text-xs text-slate-400 font-medium relative z-10">pincha en el altavoz para escucharlxs</p>
                        </div>

                        <!-- carmencore (Con enlace de YouTube en el altavoz) -->
                        <div class="bg-white p-5 rounded-2xl border border-slate-200 hover:border-[#eb4213] transition-all duration-300 flex flex-col justify-between group relative overflow-hidden shadow-sm hover:shadow-md">
                            <div class="absolute -right-6 -bottom-6 w-24 h-24 bg-[#eb4213]/5 rounded-full group-hover:scale-150 transition-transform duration-500"></div>
                            <div class="flex justify-between items-start mb-4 relative z-10">
                                <h4 class="text-xl font-bold font-festival text-slate-900 group-hover:text-[#eb4213]">carmencore</h4>
                                <!-- Altavoz con sonido y redirección externa -->
                                <a href="https://youtu.be/QbqvnvXt9mQ?is=MXHxQlckvnXgBm6K" target="_blank" onclick="playSynth(146.83, 'square')" class="w-10 h-10 rounded-full bg-slate-900 text-white flex items-center justify-center hover:bg-[#eb4213] transition-colors shadow-lg animate-pulse" title="Pincha para escuchar and abrir videoclip">
                                    <i data-lucide="volume-2" class="w-4 h-4"></i>
                                </a>
                            </div>
                            <p class="text-xs text-slate-400 font-medium relative z-10">pincha en el altavoz para escucharlxs</p>
                        </div>

                        <!-- paulina_del_carmen (Con enlace de YouTube en el altavoz) -->
                        <div class="bg-white p-5 rounded-2xl border border-slate-200 hover:border-[#ff99dc] transition-all duration-300 flex flex-col justify-between group relative overflow-hidden shadow-sm hover:shadow-md">
                            <div class="absolute -right-6 -bottom-6 w-24 h-24 bg-[#ff99dc]/5 rounded-full group-hover:scale-150 transition-transform duration-500"></div>
                            <div class="flex justify-between items-start mb-4 relative z-10">
                                <h4 class="text-xl font-bold font-festival text-slate-900 group-hover:text-[#eb4213]">paulina_del_carmen</h4>
                                <!-- Altavoz con sonido y redirección externa -->
                                <a href="https://youtu.be/DAc0-rrp98U?is=CYlnAVKLrF5gTaYB" target="_blank" onclick="playSynth(440.00, 'sine')" class="w-10 h-10 rounded-full bg-slate-900 text-white flex items-center justify-center hover:bg-[#eb4213] transition-colors shadow-lg animate-pulse" title="Pincha para escuchar y abrir videoclip">
                                    <i data-lucide="volume-2" class="w-4 h-4"></i>
                                </a>
                            </div>
                            <p class="text-xs text-slate-400 font-medium relative z-10">pincha en el altavoz para escucharlxs</p>
                        </div>

                    </div>
                </div>

                <p>
                    La celebración de este festival supone un hito para la labor de transferencia social que se lidera desde Medialab UGR, ofreciendo un escenario real para aplicar los resultados de la innovación ciudadana a la escena cultural granadina.
                </p>
            </div>
        </article>

    </main>

    <footer class="bg-white/90 py-10 px-6 border-t border-slate-200 mt-16 relative z-10 text-center text-slate-400 text-[11px]">
        <p class="font-bold text-slate-900 text-sm uppercase mb-2 font-festival tracking-widest">Festival<span class="text-[#eb4213]">MIMOSA</span></p>
        <p>© 2026 Laboratorio Ciudadano Ellas Suenan. Sala Planta Baja, Granada.</p>
    </footer>

    <!-- Audio y lógica -->
    <script>
        lucide.createIcons();
        let audioCtx = null;

        function playSynth(baseFreq, type) {
            if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
            if (audioCtx.state === 'suspended') audioCtx.resume();
            const now = audioCtx.currentTime;
            const notes = [1, 1.25, 1.5, 2];
            notes.forEach((m, i) => {
                const osc = audioCtx.createOscillator();
                const g = audioCtx.createGain();
                osc.type = type;
                osc.frequency.setValueAtTime(baseFreq * m, now + i * 0.15);
                g.gain.setValueAtTime(0.1, now + i * 0.15);
                g.gain.exponentialRampToValueAtTime(0.001, now + (i * 0.15) + 0.2);
                osc.connect(g); g.connect(audioCtx.destination);
                osc.start(now + i * 0.15); osc.stop(now + (i * 0.15) + 0.25);
            });
        }
    </script>
</body>
</html>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="724" height="1024" data-id="19470" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-19-at-13.54.46.jpeg?resize=724%2C1024&#038;ssl=1" alt="" class="wp-image-19470" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-19-at-13.54.46.jpeg?resize=724%2C1024&amp;ssl=1 724w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-19-at-13.54.46.jpeg?resize=212%2C300&amp;ssl=1 212w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-19-at-13.54.46.jpeg?resize=768%2C1086&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-19-at-13.54.46.jpeg?w=905&amp;ssl=1 905w" sizes="(max-width: 724px) 100vw, 724px" /></figure>
</figure>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19467</post-id>	</item>
		<item>
		<title>Cumplimos 10 años y lo vamos a celebrar por todo lo alto</title>
		<link>https://medialab.ugr.es/noticias/cumplimos-10-anos-y-lo-vamos-a-celebrar-por-todo-lo-alto/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Wed, 20 May 2026 10:34:42 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Gala de Medialab]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<category><![CDATA[universidad de granada]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19493</guid>

					<description><![CDATA[10º Aniversario Medialab UGR &#8211; Gala Interactiva 🎉 10 Años Conectando Ciudadanía Soplamos 10 velas con una Gala Disruptiva Medialab [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10º Aniversario Medialab UGR &#8211; Gala Interactiva</title>
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        medialab: {
                            50: '#f5f3ff',
                            100: '#ede9fe',
                            200: '#ddd6fe',
                            600: '#7c3aed',
                            700: '#6d28d9',
                            800: '#5b21b6',
                            900: '#4c1d95',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
        }
        
        /* Animación realista de llama parpadeante */
        @keyframes flicker {
            0%, 100% { 
                transform: scale(1) rotate(-1deg); 
                opacity: 0.95; 
            }
            50% { 
                transform: scale(1.12) rotate(1deg) translateY(-0.5px); 
                opacity: 1; 
                filter: drop-shadow(0 0 8px rgba(249, 115, 22, 0.8)) drop-shadow(0 0 3px rgba(239, 68, 68, 0.5));
            }
        }
        .animate-flicker {
            animation: flicker 0.35s ease-in-out infinite alternate;
            transform-origin: bottom center;
        }
    </style>
</head>
<body class="bg-white text-slate-850 min-h-screen overflow-x-hidden selection:bg-medialab-600 selection:text-white">

    <!-- Canvas para explosión de confeti al apagar las velas de la tarta -->
    <canvas id="confetti-canvas" class="fixed inset-0 pointer-events-none z-50 w-full h-full"></canvas>

    <!-- Contenido Principal -->
    <div class="relative z-10">

        <!-- Hero Section -->
        <section id="inicio" class="relative pt-16 pb-12 md:pt-20 md:pb-16 overflow-hidden">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
                <!-- Distintivo Décimo Aniversario (Fondo claro) -->
                <span class="inline-flex items-center space-x-2 px-3.5 py-1.5 rounded-full bg-violet-50 border border-violet-100 text-violet-600 text-xs font-semibold tracking-wider uppercase mb-6 shadow-sm">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 10 Años Conectando Ciudadanía</span>
                </span>
                
                <h1 class="text-4xl sm:text-6xl lg:text-7xl font-extrabold tracking-tight mb-6 text-slate-900">
                    Soplamos <span class="bg-gradient-to-r from-violet-600 via-fuchsia-500 to-pink-500 bg-clip-text text-transparent">10 velas</span> con una Gala Disruptiva
                </h1>
                
                <p class="max-w-3xl mx-auto text-base sm:text-lg text-slate-600 mb-10 leading-relaxed">
                    Medialab UGR, el Laboratorio de Innovación Social de la Universidad de Granada, celebra una década de impacto social, innovación abierta y transferencia. Prepárate para un evento único, divertido y «un poco» fuera de protocolo.
                </p>

                <!-- ================= SECCIÓN DE LA TARTA DE CUMPLEAÑOS VISUAL ================= -->
                <div class="max-w-2xl mx-auto my-12 p-6 sm:p-8 bg-slate-50/80 backdrop-blur-sm border border-slate-100 rounded-3xl shadow-xl shadow-slate-100/50 text-center relative">
                    <div class="absolute -top-3 left-1/2 -translate-x-1/2 px-4 py-1 rounded-full bg-gradient-to-r from-violet-600 to-fuchsia-600 text-white text-[10px] font-bold uppercase tracking-wider shadow-md">
                        10º Aniversario
                    </div>
                    
                    <h3 class="text-lg font-bold text-slate-800 mb-2 mt-2">¡Sopla las velas de nuestra tarta de cumpleaños!</h3>
                    <p class="text-xs text-slate-500 mb-6">Pulsa el botón de abajo para soplar las 10 velas y desatar la celebración.</p>

                    <!-- Ilustración de Tarta en SVG (Robusta, compatible y con animaciones de llamas) -->
                    <div class="flex justify-center items-center h-64 mb-6">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" class="w-72 h-72 drop-shadow-md">
                            <!-- Soporte de la tarta -->
                            <rect x="80" y="240" width="240" height="15" rx="7.5" fill="#f1f5f9" stroke="#e2e8f0" stroke-width="1.5" />
                            <path d="M140,255 L260,255 L245,280 L155,280 Z" fill="#cbd5e1" />

                            <!-- Piso Inferior de la Tarta -->
                            <rect x="100" y="160" width="200" height="80" rx="12" fill="#fdfaff" stroke="#f3e8ff" stroke-width="2" />
                            <!-- Crema goteando Piso Inferior (Lila) -->
                            <path d="M100,180 Q110,195 120,180 Q130,200 140,180 Q150,192 160,180 Q170,205 180,180 Q190,192 200,180 Q210,200 220,180 Q230,192 240,180 Q250,205 260,180 Q270,192 280,180 Q290,200 300,180 L300,160 L100,160 Z" fill="#c084fc" />
                            <!-- Virutas de colores decorativas -->
                            <rect x="120" y="210" width="8" height="3" rx="1.5" fill="#38bdf8" transform="rotate(15 120 210)" />
                            <rect x="170" y="220" width="8" height="3" rx="1.5" fill="#f43f5e" transform="rotate(-30 170 220)" />
                            <rect x="230" y="215" width="8" height="3" rx="1.5" fill="#fbbf24" transform="rotate(45 230 215)" />
                            <rect x="270" y="200" width="8" height="3" rx="1.5" fill="#34d399" transform="rotate(-15 270 200)" />

                            <!-- Piso Superior de la Tarta -->
                            <rect x="130" y="100" width="140" height="60" rx="8" fill="#fffafb" stroke="#fce7f3" stroke-width="2" />
                            <!-- Crema goteando Piso Superior (Rosa) -->
                            <path d="M130,115 Q140,128 150,115 Q160,132 170,115 Q180,122 190,115 Q200,132 210,115 Q220,122 230,115 Q240,128 250,115 Q260,122 270,115 L270,100 L130,100 Z" fill="#f472b6" />
                            <!-- Velitas decorativas en el piso de arriba -->
                            <rect x="150" y="140" width="6" height="2" fill="#38bdf8" />
                            <rect x="195" y="135" width="6" height="2" fill="#fbbf24" />
                            <rect x="240" y="140" width="6" height="2" fill="#a78bfa" />

                            <!-- LAS 10 VELAS DE CUMPLEAÑOS -->
                            <!-- Vela 1 -->
                            <rect x="145" y="70" width="4" height="30" rx="1" fill="#818cf8" />
                            <line x1="147" y1="70" x2="147" y2="65" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M147,53 C149,57 150,60 150,62 C150,65 148,66 147,66 C146,66 144,65 144,62 C144,57 145,55 147,53 Z" fill="#f97316" />

                            <!-- Vela 2 -->
                            <rect x="157" y="65" width="4" height="35" rx="1" fill="#ec4899" />
                            <line x1="159" y1="65" x2="159" y2="60" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M159,48 C161,52 162,55 162,57 C162,60 160,61 159,61 C158,61 156,60 156,57 C156,52 157,50 159,48 Z" fill="#fb923c" />

                            <!-- Vela 3 -->
                            <rect x="169" y="70" width="4" height="30" rx="1" fill="#f43f5e" />
                            <line x1="171" y1="70" x2="171" y2="65" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M171,53 C173,57 174,60 174,62 C174,65 172,66 171,66 C170,66 168,65 168,62 C168,57 169,55 171,53 Z" fill="#f97316" />

                            <!-- Vela 4 -->
                            <rect x="181" y="65" width="4" height="35" rx="1" fill="#10b981" />
                            <line x1="183" y1="65" x2="183" y2="60" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M183,48 C185,52 186,55 186,57 C186,60 184,61 183,61 C182,61 180,60 180,57 C180,52 181,50 183,48 Z" fill="#fb923c" />

                            <!-- Vela 5 -->
                            <rect x="193" y="70" width="4" height="30" rx="1" fill="#a78bfa" />
                            <line x1="195" y1="70" x2="195" y2="65" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M195,53 C197,57 198,60 198,62 C198,65 196,66 195,66 C194,66 192,65 192,62 C192,57 193,55 195,53 Z" fill="#f97316" />

                            <!-- Vela 6 -->
                            <rect x="205" y="65" width="4" height="35" rx="1" fill="#fbbf24" />
                            <line x1="207" y1="65" x2="207" y2="60" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M207,48 C209,52 210,55 210,57 C210,60 208,61 207,61 C206,61 204,60 204,57 C204,52 205,50 207,48 Z" fill="#fb923c" />

                            <!-- Vela 7 -->
                            <rect x="217" y="70" width="4" height="30" rx="1" fill="#3b82f6" />
                            <line x1="219" y1="70" x2="219" y2="65" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M219,53 C221,57 222,60 222,62 C222,65 220,66 219,66 C218,66 216,65 216,62 C216,57 217,55 219,53 Z" fill="#f97316" />

                            <!-- Vela 8 -->
                            <rect x="229" y="65" width="4" height="35" rx="1" fill="#f472b6" />
                            <line x1="231" y1="65" x2="231" y2="60" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M231,48 C233,52 234,55 234,57 C234,60 232,61 231,61 C230,61 228,60 228,57 C228,52 229,50 231,48 Z" fill="#fb923c" />

                            <!-- Vela 9 -->
                            <rect x="241" y="70" width="4" height="30" rx="1" fill="#14b8a6" />
                            <line x1="243" y1="70" x2="243" y2="65" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M243,53 C245,57 246,60 246,62 C246,65 244,66 243,66 C242,66 240,65 240,62 C240,57 241,55 243,53 Z" fill="#f97316" />

                            <!-- Vela 10 -->
                            <rect x="253" y="65" width="4" height="35" rx="1" fill="#6366f1" />
                            <line x1="255" y1="65" x2="255" y2="60" stroke="#475569" stroke-width="1" />
                            <path class="cake-flame animate-flicker origin-bottom transition-opacity duration-500" d="M255,48 C257,52 258,55 258,57 C258,60 256,61 255,61 C254,61 252,60 252,57 C252,52 253,50 255,48 Z" fill="#fb923c" />
                        </svg>
                    </div>

                    <!-- Controles de Soplado y Confeti -->
                    <div class="flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-slate-200/60 pt-6">
                        <p class="text-sm text-slate-600 font-semibold" id="candles-status-text">
                            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f56f.png" alt="🕯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Las velas están encendidas. ¡Pide un deseo!
                        </p>
                        <div class="flex gap-3">
                            <button onclick="resetCandles()" class="px-4 py-2.5 rounded-xl text-xs font-bold border border-slate-200 bg-white hover:bg-slate-100 text-slate-700 transition-all shadow-sm focus:outline-none">
                                <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Volver a encender
                            </button>
                            <button onclick="blowAllCandles()" class="px-6 py-2.5 rounded-xl text-xs font-bold bg-gradient-to-r from-violet-600 to-fuchsia-600 hover:from-violet-500 hover:to-fuchsia-500 text-white transition-all shadow-md shadow-violet-500/10 focus:outline-none">
                                <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f32c.png" alt="🌬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ¡Soplar y lanzar confeti!
                            </button>
                        </div>
                    </div>
                </div>
                <!-- ========================================================================= -->

                <!-- ================= NUEVA SECCIÓN DE REDES SOCIALES INTEGRADA Y VISUAL ================= -->
                <div class="max-w-2xl mx-auto mt-8 mb-12 p-6 sm:p-8 bg-gradient-to-tr from-purple-50 via-pink-50 to-orange-50 border border-pink-100 rounded-3xl shadow-xl shadow-pink-100/20 text-center relative overflow-hidden group">
                    <!-- Destello de fondo decorativo -->
                    <div class="absolute -right-10 -top-10 w-40 h-40 bg-gradient-to-tr from-fuchsia-400 to-orange-400 opacity-10 rounded-full blur-2xl group-hover:scale-110 transition-transform duration-500"></div>
                    
                    <div class="relative z-10 flex flex-col items-center">
                        <h4 class="text-2xl font-black text-slate-850 mb-3 bg-gradient-to-r from-purple-700 via-pink-600 to-orange-600 bg-clip-text text-transparent">Síguenos por redes</h4>
                        <p class="text-sm sm:text-base text-slate-600 leading-relaxed max-w-lg mb-6 font-medium">
                            No te pierdas nada. Iremos desvelando sorpresas, dinámicas disruptivas y detalles exclusivos del programa de la Gala a través de nuestras redes sociales.
                        </p>
                        
                        <!-- Botón de Instagram -->
                        <a href="https://www.instagram.com/medialabugr?igsh=NHZ4ZHVpejBhNmdm" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-8 py-4 rounded-2xl bg-gradient-to-r from-purple-600 via-pink-600 to-orange-500 text-white font-extrabold text-base shadow-lg shadow-pink-500/20 hover:shadow-xl hover:shadow-pink-500/30 hover:scale-[1.03] transition-all duration-300">
                            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Síguenos en nuestra cuenta de Instagram</span>
                            <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24">
                                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.051.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>
                            </svg>
                        </a>
                    </div>
                </div>
                <!-- ====================================================================================== -->

                <div class="flex justify-center">
                    <a href="#registro" class="px-8 py-4 rounded-2xl bg-gradient-to-r from-violet-600 to-fuchsia-600 text-white font-semibold shadow-lg shadow-violet-500/10 hover:scale-105 transition-all">
                        Pedir mi Invitación
                    </a>
                </div>
            </div>
        </section>

        <!-- Timeline Interactiva (10 Años - Tema Claro) -->
        <section id="historia" class="py-20 border-t border-slate-100 bg-slate-50/50">
            <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="text-center mb-12">
                    <h2 class="text-3xl sm:text-4xl font-extrabold mb-4 text-slate-900">10 Años de Disrupción Social</h2>
                    <p class="text-slate-600">Haz clic en los hitos históricos para explorar nuestro recorrido</p>
                </div>

                <!-- Timeline Selector -->
                <div class="flex justify-between items-center mb-8 relative">
                    <div class="absolute h-0.5 bg-slate-200 left-0 right-0 top-1/2 -translate-y-1/2 z-0"></div>
                    <div id="timeline-progress" class="absolute h-0.5 bg-gradient-to-r from-violet-500 to-fuchsia-500 left-0 top-1/2 -translate-y-1/2 z-0 transition-all duration-500" style="width: 0%;"></div>
                    
                    <!-- Timeline Nodes (Claro) -->
                    <button onclick="switchTimeline(0)" class="timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-violet-500 text-violet-600 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center">16</button>
                    <button onclick="switchTimeline(1)" class="timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-slate-200 text-slate-400 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center">19</button>
                    <button onclick="switchTimeline(2)" class="timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-slate-200 text-slate-400 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center">22</button>
                    <button onclick="switchTimeline(3)" class="timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-slate-200 text-slate-400 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center">24</button>
                    <button onclick="switchTimeline(4)" class="timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-slate-200 text-slate-400 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center">26</button>
                </div>

                <!-- Timeline Content Viewer -->
                <div class="bg-white border border-slate-200/60 rounded-3xl p-6 sm:p-10 relative overflow-hidden shadow-lg shadow-slate-100">
                    <div id="timeline-card" class="transition-all duration-300 transform opacity-100 translate-y-0">
                        <span id="timeline-year" class="text-4xl font-extrabold bg-gradient-to-r from-violet-600 to-fuchsia-600 bg-clip-text text-transparent">2016</span>
                        <h3 id="timeline-title" class="text-2xl font-bold mt-2 mb-4 text-slate-900">Nace Medialab UGR</h3>
                        <p id="timeline-desc" class="text-slate-600 leading-relaxed">Arrancamos como un espacio innovador para explorar la relación de la universidad con la cultura digital, conectando a la UGR con la sociedad a través del conocimiento abierto.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Galardones y Proyectos Interactivos (Radio, InfluScience e Identidad Digital) -->
        <section id="premios" class="py-20 border-t border-slate-100">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="text-center mb-16">
                    <h2 class="text-3xl sm:text-4xl font-extrabold mb-4 text-slate-900">Reconocimiento al Talento y a la Innovación</h2>
                    <p class="text-slate-600 max-w-2xl mx-auto mb-8">Nuestros galardones premian el esfuerzo colectivo por expandir la cultura digital y la transferencia social de conocimiento.</p>
                </div>

                <!-- Botón de información destacado -->
                <div class="flex justify-center mb-12">
                    <a href="https://medialab.ugr.es/noticias/premios-innovacion-social-medialab/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-8 py-4 rounded-2xl bg-gradient-to-r from-violet-600 to-fuchsia-600 text-white font-bold text-lg hover:from-violet-500 hover:to-fuchsia-500 hover:scale-105 transition-all shadow-lg shadow-violet-500/20">
                        <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e2.png" alt="📢" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Infórmate de los galardonados aquí</span>
                        <svg class="w-5 h-5 animate-bounce-horizontal" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
                    </a>
                </div>

                <!-- Grid de Tarjetas de Premios -->
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <!-- Tarjeta 1: Identidad Digital -->
                    <div class="premio-card bg-white border border-slate-200 rounded-2xl p-6 hover:border-violet-500 hover:shadow-xl hover:shadow-violet-500/5 hover:scale-[1.02] transition-all duration-300 group">
                        <div class="w-12 h-12 rounded-xl bg-violet-50 text-violet-600 flex items-center justify-center font-bold text-xl mb-6 group-hover:bg-violet-600 group-hover:text-white transition-colors">
                            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                        </div>
                        <h3 class="text-xl font-bold mb-3 text-slate-900">Premio Identidad Digital</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-4">El galardón de mayor prestigio dentro del laboratorio, reconociendo a quienes dinamizan, investigan y difunden redes de conocimiento abierto.</p>
                        <span class="inline-block px-2.5 py-1 rounded-md text-[10px] bg-violet-50 text-violet-600 font-bold uppercase tracking-wider">Premio Emblemático</span>
                    </div>

                    <!-- Tarjeta 2: InfluScience -->
                    <div class="premio-card bg-white border border-slate-200 rounded-2xl p-6 hover:border-pink-500 hover:shadow-xl hover:shadow-pink-500/5 hover:scale-[1.02] transition-all duration-300 group">
                        <div class="w-12 h-12 rounded-xl bg-pink-50 text-pink-600 flex items-center justify-center font-bold text-xl mb-6 group-hover:bg-pink-600 group-hover:text-white transition-colors">
                            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                        </div>
                        <h3 class="text-xl font-bold mb-3 text-slate-900">InfluScience</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-4">La revolucionaria plataforma interactiva dedicada a medir, analizar y visibilizar la influencia social de la ciencia y de la actividad investigadora en la web social.</p>
                        <span class="inline-block px-2.5 py-1 rounded-md text-[10px] bg-pink-50 text-pink-600 font-bold uppercase tracking-wider">Proyecto Tractor</span>
                    </div>

                    <!-- Tarjeta 3: Estrategia Radiolab -->
                    <div class="premio-card bg-white border border-slate-200 rounded-2xl p-6 hover:border-cyan-500 hover:shadow-xl hover:shadow-cyan-500/5 hover:scale-[1.02] transition-all duration-300 group">
                        <div class="w-12 h-12 rounded-xl bg-cyan-50 text-cyan-600 flex items-center justify-center font-bold text-xl mb-6 group-hover:bg-cyan-600 group-hover:text-white transition-colors">
                            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f399.png" alt="🎙" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                        </div>
                        <h3 class="text-xl font-bold mb-3 text-slate-900">Estrategia Radiolab</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-4">La emisora de radio universitaria redefinida como altavoz participativo y laboratorio sonoro experimental donde debatir sobre ciencia, cultura y sociedad.</p>
                        <span class="inline-block px-2.5 py-1 rounded-md text-[10px] bg-cyan-50 text-cyan-600 font-bold uppercase tracking-wider">Estrategia Sonora</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Mini-Trivia sobre Medialab UGR (Tema Claro con Erratas Corregidas) -->
        <section id="trivia" class="py-20 border-t border-slate-100 bg-slate-50/50">
            <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="bg-white border border-slate-200 rounded-3xl p-6 sm:p-10 shadow-xl shadow-slate-100/50">
                    <div class="text-center mb-8">
                        <span class="text-xs font-bold uppercase tracking-widest text-violet-600">¿Eres un/a auténtico/a «Medialaber»?</span>
                        <h2 class="text-3xl font-extrabold mt-1 text-slate-900">Ponte a prueba en nuestro trivia</h2>
                    </div>

                    <div id="trivia-container" class="space-y-6">
                        <div class="text-lg font-semibold text-slate-800" id="question-text">
                            ¿Cuál de estos proyectos de Medialab UGR se enfoca en medir el impacto de la ciencia en la web social?
                        </div>
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4" id="options-container">
                            <button onclick="checkAnswer(false, this)" class="option-btn px-5 py-4 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 text-left text-sm font-medium text-slate-700 transition-all focus:outline-none">YoSigo.UGR</button>
                            <button onclick="checkAnswer(true, this)" class="option-btn px-5 py-4 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 text-left text-sm font-medium text-slate-700 transition-all focus:outline-none">InfluScience</button>
                            <button onclick="checkAnswer(false, this)" class="option-btn px-5 py-4 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 text-left text-sm font-medium text-slate-700 transition-all focus:outline-none">Estrategia Radiolab</button>
                            <button onclick="checkAnswer(false, this)" class="option-btn px-5 py-4 rounded-xl border border-slate-200 bg-white hover:bg-slate-50 hover:border-slate-300 text-left text-sm font-medium text-slate-700 transition-all focus:outline-none">Premios Impronta</button>
                        </div>
                        <div id="trivia-feedback" class="hidden text-sm p-4 rounded-xl"></div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ================= SECCIÓN: FESTIVAL MIMOSA ================= -->
        <section id="mimosa" class="py-20 border-t border-slate-100 bg-slate-50/40">
            <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="bg-white border border-rose-100 rounded-3xl p-6 sm:p-10 shadow-xl shadow-rose-100/20 relative overflow-hidden">
                    <!-- Distintivo Festival -->
                    <span class="absolute top-6 right-6 inline-flex items-center space-x-1.5 px-3 py-1 rounded-full bg-rose-50 border border-rose-100 text-rose-600 text-xs font-bold uppercase tracking-wider">
                        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b8.png" alt="🎸" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Proyecto «Ellas Suenan»
                    </span>

                    <div class="mb-6">
                        <span class="text-xs uppercase tracking-widest text-slate-400 font-bold">¡Y tras la Gala la fiesta continúa!</span>
                        <h2 class="text-3xl font-extrabold text-slate-900 mt-2">Festival Mimosa</h2>
                    </div>

                    <p class="text-slate-600 mb-8 leading-relaxed">
                        El mismo día <strong class="text-rose-600 bg-rose-50 px-2.5 py-1 rounded-md border border-rose-100/30 whitespace-nowrap">24 de junio de 2026</strong> a las <strong class="text-rose-600 bg-rose-50 px-2.5 py-1 rounded-md border border-rose-100/30 whitespace-nowrap">20:30 horas</strong>, justo después de clausurar nuestra Gala de Aniversario, la música en directo se apoderará de la mítica <strong class="text-rose-600 bg-rose-50 px-2.5 py-1 rounded-md border border-rose-100/30">Sala Planta Baja</strong>. Celebramos el esperado **Festival Mimosa**, una iniciativa enmarcada dentro del proyecto <strong>«Ellas Suenan»</strong> de nuestros laboratorios ciudadanos.
                    </p>

                    <!-- Botón único del festival -->
                    <div class="flex justify-center mb-8">
                        <a href="https://medialab.ugr.es/noticias/mimosa-festival/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-8 py-4 rounded-2xl bg-gradient-to-r from-rose-500 to-pink-600 text-white font-extrabold text-base hover:from-rose-600 hover:to-pink-700 hover:scale-105 transition-all shadow-lg shadow-rose-500/20">
                            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b5.png" alt="🎵" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Entérate de todo pinchando aquí</span>
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
                        </a>
                    </div>

                    <!-- Datos destacados -->
                    <div class="flex flex-wrap justify-center sm:justify-start gap-4 text-xs font-semibold">
                        <span class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-rose-50/60 border border-rose-100/80 text-rose-600">
                            <svg class="w-4 h-4 text-rose-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> 
                            20:30 Horas (24 de junio de 2026)
                        </span>
                        <span class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-rose-50/60 border border-rose-100/80 text-rose-600">
                            <svg class="w-4 h-4 text-rose-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path></svg> 
                            Sala Planta Baja, Granada
                        </span>
                    </div>
                </div>
            </div>
        </section>
        <!-- ================================================================= -->

        <!-- Bloque de Invitación Directa a la Gala -->
        <section id="registro" class="py-24 border-t border-slate-100 bg-gradient-to-b from-white to-violet-50/20">
            <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
                <div class="w-16 h-16 bg-violet-100 text-violet-600 rounded-full flex items-center justify-center text-3xl mx-auto mb-6 shadow-md shadow-violet-100/50">
                    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2709.png" alt="✉" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                </div>
                <h2 class="text-3xl sm:text-4xl font-extrabold mb-6 text-slate-900">Pide tu invitación a la Gala</h2>
                <p class="text-lg sm:text-xl text-slate-600 leading-relaxed max-w-xl mx-auto">
                    Escríbenos al correo <a href="mailto:medialab@go.ugr.es?subject=Solicitud%20de%20Invitaci%C3%B3n%20-%20Gala%2010%20Aniversario" class="text-violet-600 font-bold underline hover:text-violet-700 transition-colors">medialab@go.ugr.es</a> si quieres recibir tu invitation para acudir a la fiesta.
                </p>
                <p class="text-xs text-slate-400 mt-8 leading-relaxed">
                    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2139.png" alt="ℹ" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Las invitaciones están sujetas a la disponibilidad del aforo del Espacio V Centenario. Recibirás respuesta directa de confirmación en tu bandeja de entrada.
                </p>
            </div>
        </section>

        <!-- Footer -->
        <footer class="border-t border-slate-100 bg-slate-50 py-12">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm text-slate-500">
                <p class="mb-4">© 2026 Medialab UGR. Laboratorio de Innovación Social de la Universidad de Granada.</p>
                <div class="flex justify-center space-x-6 text-slate-500 font-medium">
                    <a href="#" class="hover:text-violet-600">Política de Privacidad</a>
                    <span>•</span>
                    <a href="#" class="hover:text-violet-600">Condiciones de Asistencia</a>
                    <span>•</span>
                    <a href="#" class="hover:text-violet-600">Contacto</a>
                </div>
            </div>
        </footer>

    </div>

    <!-- Scripts de Interacción -->
    <script>
        // --- 1. Lógica Interactiva para la Tarta de Cumpleaños ---
        let candlesLit = true;

        function blowAllCandles() {
            if (candlesLit) {
                // Selecciona todas las llamas de la tarta SVG y les añade la transición de opacidad
                const flames = document.querySelectorAll('.cake-flame');
                flames.forEach(flame => {
                    flame.style.opacity = '0';
                });
                candlesLit = false;
                document.getElementById('candles-status-text').innerHTML = '&#x1f389; ¡Feliz 10º Aniversario Medialab UGR!';
                triggerConfettiExplosion();
            }
        }

        function resetCandles() {
            const flames = document.querySelectorAll('.cake-flame');
            flames.forEach(flame => {
                flame.style.opacity = '1';
            });
            candlesLit = true;
            document.getElementById('candles-status-text').innerHTML = '&#x1f56f; Las velas están encendidas. ¡Pide un deseo!';
        }


        // --- 2. Canvas Confetti System ---
        const confettiCanvas = document.getElementById('confetti-canvas');
        const confettiCtx = confettiCanvas.getContext('2d');
        let confettiParticles = [];
        let confettiAnimationId = null;

        function resizeConfettiCanvas() {
            confettiCanvas.width = window.innerWidth;
            confettiCanvas.height = window.innerHeight;
        }
        window.addEventListener('resize', resizeConfettiCanvas);
        resizeConfettiCanvas();

        class Confetti {
            constructor() {
                this.x = Math.random() * confettiCanvas.width;
                this.y = -20;
                this.size = Math.random() * 8 + 6;
                this.speedY = Math.random() * 5 + 3;
                this.speedX = (Math.random() - 0.5) * 4;
                const colors = ['#7c3aed', '#db2777', '#ec4899', '#f59e0b', '#10b981', '#3b82f6'];
                this.color = colors[Math.floor(Math.random() * colors.length)];
                this.rotation = Math.random() * 360;
                this.rotationSpeed = (Math.random() - 0.5) * 5;
            }
            update() {
                this.y += this.speedY;
                this.x += this.speedX;
                this.rotation += this.rotationSpeed;
            }
            draw() {
                confettiCtx.save();
                confettiCtx.translate(this.x, this.y);
                confettiCtx.rotate((this.rotation * Math.PI) / 180);
                confettiCtx.fillStyle = this.color;
                confettiCtx.fillRect(-this.size / 2, -this.size / 2, this.size, this.size);
                confettiCtx.restore();
            }
        }

        function triggerConfettiExplosion() {
            if (confettiAnimationId) {
                cancelAnimationFrame(confettiAnimationId);
            }
            confettiParticles = [];
            for (let i = 0; i < 180; i++) {
                confettiParticles.push(new Confetti());
            }
            animateConfetti();
        }

        function animateConfetti() {
            confettiCtx.clearRect(0, 0, confettiCanvas.width, confettiCanvas.height);
            for (let i = confettiParticles.length - 1; i >= 0; i--) {
                const p = confettiParticles[i];
                p.update();
                p.draw();
                if (p.y > confettiCanvas.height) {
                    confettiParticles.splice(i, 1);
                }
            }
            if (confettiParticles.length > 0) {
                confettiAnimationId = requestAnimationFrame(animateConfetti);
            } else {
                confettiCtx.clearRect(0, 0, confettiCanvas.width, confettiCanvas.height);
            }
        }


        // --- 3. Línea de Tiempo ---
        const timelineData = [
            {
                year: '2016',
                title: 'Nace Medialab UGR',
                desc: 'Arrancamos como un espacio innovador para explorar la relación de la universidad con la cultura digital, conectando a la UGR con la sociedad a través del conocimiento abierto.'
            },
            {
                year: '2019',
                title: 'Consolidación de Radiolab',
                desc: 'La estrategia Radiolab se revoluciona, convirtiéndose en el epicentro sonoro del laboratorio donde estudiantes, colectivos vecinales y científicos entablan un diálogo directo.'
            },
            {
                year: '2022',
                title: 'Impulso a la Ciencia Ciudadana',
                desc: 'Lanzamos proyectos punteros como InfluScience y YoSigo.UGR, integrando de lleno los indicadores altmétricos y el mentorado abierto en la estrategia investigadora.'
            },
            {
                year: '2024',
                title: 'Premios Impronta junto a Diputación',
                desc: 'Se forja la alianza de los Premios Impronta, vinculando los Trabajos de Fin de Grado y Fin de Máster de la UGR con los desafíos municipales reales de la provincia de Granada.'
            },
            {
                year: '2026',
                title: 'Soplamos 10 Velas',
                desc: 'Llegamos a una década con la comunidad más fuerte que nunca. Lo celebramos con una gala experimental para agradecer el camino recorrido y diseñar los próximos diez años.'
            }
        ];

        function switchTimeline(index) {
            const card = document.getElementById('timeline-card');
            card.classList.remove('opacity-100', 'translate-y-0');
            card.classList.add('opacity-0', 'translate-y-4');

            setTimeout(() => {
                document.getElementById('timeline-year').innerText = timelineData[index].year;
                document.getElementById('timeline-title').innerText = timelineData[index].title;
                document.getElementById('timeline-desc').innerText = timelineData[index].desc;

                const percentage = (index / (timelineData.length - 1)) * 100;
                document.getElementById('timeline-progress').style.width = `${percentage}%`;

                const buttons = document.querySelectorAll('.timeline-btn');
                buttons.forEach((btn, idx) => {
                    if (idx === index) {
                        btn.className = 'timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-violet-500 text-violet-600 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center';
                    } else if (idx < index) {
                        btn.className = 'timeline-btn relative z-10 w-10 h-10 rounded-full bg-gradient-to-tr from-violet-600 to-fuchsia-600 text-white font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center border-0';
                    } else {
                        btn.className = 'timeline-btn relative z-10 w-10 h-10 rounded-full bg-white border-2 border-slate-200 text-slate-400 font-bold hover:scale-110 transition-all focus:outline-none flex items-center justify-center';
                    }
                });

                card.classList.remove('opacity-0', 'translate-y-4');
                card.classList.add('opacity-100', 'translate-y-0');
            }, 300);
        }


        // --- 5. Mini Trivia ---
        function checkAnswer(isCorrect, element) {
            const buttons = document.querySelectorAll('.option-btn');
            const feedback = document.getElementById('trivia-feedback');

            buttons.forEach(btn => {
                btn.disabled = true;
                if (btn === element) {
                    if (isCorrect) {
                        btn.className = 'option-btn px-5 py-4 rounded-xl border border-emerald-500 bg-emerald-50 text-emerald-700 text-left text-sm font-semibold transition-all';
                    } else {
                        btn.className = 'option-btn px-5 py-4 rounded-xl border border-rose-500 bg-rose-50 text-rose-700 text-left text-sm font-semibold transition-all';
                    }
                } else {
                    btn.className = 'option-btn px-5 py-4 rounded-xl border border-slate-100 bg-slate-50/50 text-slate-400 text-left text-sm transition-all';
                }
            });

            feedback.classList.remove('hidden');
            if (isCorrect) {
                feedback.className = 'text-sm p-4 rounded-xl bg-emerald-50 border border-emerald-200 text-emerald-800 font-medium';
                feedback.innerHTML = '<strong>¡Correcto!</strong> &#x1f680; <em>InfluScience</em> es nuestro proyecto tractor enfocado en medir el impacto social y digital de la ciencia.';
            } else {
                feedback.className = 'text-sm p-4 rounded-xl bg-rose-50 border border-rose-200 text-rose-800 font-medium';
                feedback.innerHTML = '<strong>¡Casi!</strong> El proyecto correcto es <strong>InfluScience</strong>. YoSigo.UGR se enfoca en mentoría, Radiolab en radio y los Premios Impronta en los TFG/TFM.';
            }
        }
    </script>
</body>
</html>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19493</post-id>	</item>
		<item>
		<title>Medialab UGR participa en el encuentro europeo “Liderazgos y redes para la democracia”</title>
		<link>https://medialab.ugr.es/noticias/medialab-ugr-participa-en-el-encuentro-europeo-liderazgos-y-redes-para-la-democracia/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Wed, 20 May 2026 10:00:22 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Resumen de eventos]]></category>
		<category><![CDATA[innovación]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<category><![CDATA[participación ciudadana]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19485</guid>

					<description><![CDATA[El encuentro reúne en Granada a mujeres migrantes, activistas, representantes políticas y expertas internacionales para reflexionar sobre participación política, liderazgo [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>El encuentro reúne en Granada a mujeres migrantes, activistas, representantes políticas y expertas internacionales para reflexionar sobre participación política, liderazgo y democracia inclusiva en Europa.</strong></p>



<p class="wp-block-paragraph">Granada, mayo de 2026 – Durante los días 21 y 22 de mayo, Granada acoge el “Encuentro de mujeres migrantes por el derecho a la participación política en Europa: liderazgos y redes para la democracia”, una cita enmarcada en el proyecto europeo Empower Migrant Women-Platform (EMW-Platform).</p>



<p class="wp-block-paragraph">Las jornadas tendrán lugar en la Sala 2 del Espacio V Centenario, reuniendo a mujeres migrantes, líderes políticas, activistas y expertas internacionales para debatir sobre la inclusión de grupos infrarrepresentados en los procesos democráticos europeos.</p>



<p class="wp-block-paragraph">El evento forma parte del proyecto EMW-Platform, financiado por el programa de la Unión Europea Citizens, Equality, Rights and Values (CERV). Está coordinado por el Collectif des Femmes de Bélgica y por Silvina Monteros Obelar, vicedecana de Prácticas, Emprendimiento e Inserción Laboral de la Facultad de Trabajo Social, en España. Además, cuenta con la colaboración de la Facultad de Trabajo Social, la Facultad de Ciencias Políticas y Sociología y Medialab UGR.</p>



<p class="wp-block-paragraph"><strong>Medialab UGR en el encuentro</strong></p>



<p class="wp-block-paragraph">Medialab UGR participa en esta iniciativa como espacio universitario vinculado a la innovación social, la participación ciudadana y el impulso de procesos colaborativos entre universidad, instituciones y sociedad civil.</p>



<p class="wp-block-paragraph">La inauguración del encuentro contará con la presencia institucional de José Antonio Montilla Martos, subdelegado del Gobierno en Granada; Santiago Delgado Fernández, decano de la Facultad de Ciencias Políticas y Sociología; y Sandra Haro Márquez, coordinadora ejecutiva de Medialab UGR, Laboratorio de Innovación Social del Vicerrectorado de Innovación Social, Empleabilidad y Emprendimiento.</p>



<p class="wp-block-paragraph"><strong>Un programa de incidencia y empoderamiento</strong></p>



<p class="wp-block-paragraph">A lo largo de las sesiones se abordarán cuestiones clave relacionadas con el liderazgo político de las mujeres migrantes, la participación democrática y la creación de redes de cooperación en el ámbito europeo.</p>



<p class="wp-block-paragraph"><strong>Entre los temas principales destacan:</strong></p>



<p class="wp-block-paragraph">Experiencias de éxito en el liderazgo político de las mujeres migrantes, con la participación de figuras como Diana Carol Paredes, diputada en la Asamblea de Madrid; Ana Carolina Elías Espinoza, concejala del Grupo Municipal Más Madrid; Marisol Herreño, alcaldesa de Robregordo; y Rommy Arce, exconcejala de Madrid. Todas ellas compartirán sus trayectorias migrantes desde el activismo hasta la política institucional.<br>Experiencias de activismo migrante en el ámbito europeo, con representantes como Maria Teresa Algomeda Centeno, de Differenza Donna, Italia; Pascale Zaourou, de Voix Solidaires, Luxemburgo; Cecilia Torres, del Collectif des Femmes, Bélgica; y Soledad Lucero Teopanta, de Red Latinas y Movilidad Humana, España.</p>



<p class="wp-block-paragraph"><strong><br>Hacia una plataforma transnacional</strong></p>



<p class="wp-block-paragraph">El objetivo de estas jornadas es sentar las bases para una red de cooperación sostenible que contribuya a combatir los obstáculos sistémicos que frenan el liderazgo de las mujeres migrantes, como el racismo, el sexismo o las barreras administrativas.</p>



<p class="wp-block-paragraph">El viernes 22 de mayo estará dedicado a una reunión de trabajo interna entre las organizaciones socias, orientada a diseñar la hoja de ruta que guiará la incidencia política del colectivo en los próximos años.</p>



<p class="wp-block-paragraph"><strong>Una democracia más diversa e inclusiva.</strong></p>



<p class="wp-block-paragraph">Este encuentro reafirma el compromiso de las entidades participantes con la construcción de una democracia europea más diversa, inclusiva y participativa.</p>



<p class="wp-block-paragraph">Desde su participación, Medialab UGR contribuye a acompañar espacios de diálogo, colaboración e innovación social que favorecen nuevas formas de participación pública y fortalecen los vínculos entre la universidad y la sociedad.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img data-recalc-dims="1" decoding="async" width="455" height="570" data-id="19478" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09.jpeg?resize=455%2C570&#038;ssl=1" alt="" class="wp-image-19478" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09.jpeg?w=455&amp;ssl=1 455w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09.jpeg?resize=239%2C300&amp;ssl=1 239w" sizes="(max-width: 455px) 100vw, 455px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" decoding="async" width="462" height="575" data-id="19477" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-1.jpeg?resize=462%2C575&#038;ssl=1" alt="" class="wp-image-19477" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-1.jpeg?w=462&amp;ssl=1 462w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-1.jpeg?resize=241%2C300&amp;ssl=1 241w" sizes="(max-width: 462px) 100vw, 462px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="462" height="577" data-id="19479" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-2.jpeg?resize=462%2C577&#038;ssl=1" alt="" class="wp-image-19479" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-2.jpeg?w=462&amp;ssl=1 462w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-11.52.09-2.jpeg?resize=240%2C300&amp;ssl=1 240w" sizes="(max-width: 462px) 100vw, 462px" /></figure>
</figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19485</post-id>	</item>
		<item>
		<title>Premios Plan Propio de Innovación Social &#8211; Medialab UGR 2026</title>
		<link>https://medialab.ugr.es/noticias/premios-innovacion-social-medialab/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Mon, 18 May 2026 11:42:18 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Portada]]></category>
		<category><![CDATA[Gala Medialab]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<category><![CDATA[Premios de Innovación Social]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19449</guid>

					<description><![CDATA[Ganadores Premios Plan Propio &#8211; Medialab UGR Acta oficial publicada el 14 de mayo de 2026 Premios del Plan Propio [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ganadores Premios Plan Propio &#8211; Medialab UGR</title>
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Lucide Icons (para iconos limpios y modernos) -->
    <script src="https://unpkg.com/lucide@latest"></script>
    <!-- Canvas Confetti (Librería ligera y espectacular para efectos festivos) -->
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        medialab: {
                            light: '#f8fafc',
                            card: '#ffffff',
                            purple: '#6d28d9',
                            pink: '#db2777',
                            blue: '#1d4ed8',
                            accent: '#7c3aed'
                        }
                    },
                    fontFamily: {
                        sans: ['Space Grotesk', 'system-ui', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&#038;display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Space Grotesk', sans-serif;
            background-color: #f8fafc;
            overflow-x: hidden;
        }
        .glow-effect {
            position: relative;
        }
        /* Efecto de borde sutil y elegante sobre fondo claro */
        .glow-effect::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(to bottom right, rgba(109, 40, 217, 0.2), rgba(219, 39, 119, 0.1), rgba(29, 78, 216, 0.2));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        .glow-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glow-hover:hover::after {
            background: linear-gradient(to bottom right, rgba(109, 40, 217, 0.5), rgba(219, 39, 119, 0.4), rgba(29, 78, 216, 0.5));
        }
    </style>
</head>
<body class="text-slate-800 selection:bg-purple-200 selection:text-purple-900 antialiased">

    <!-- Canvas para fondo de partículas digital interactivo optimizado para fondo claro -->
    <canvas id="particleCanvas" class="fixed inset-0 pointer-events-none z-0 opacity-50"></canvas>

    <div class="relative z-10 min-h-screen flex flex-col justify-between">
        
        <!-- El header con la letra "M" ha sido eliminado para un look ultra-limpio -->

        <!-- MAIN HERO -->
        <section class="relative pt-16 pb-20 overflow-hidden">
            <div class="max-w-5xl mx-auto px-4 text-center">
                <!-- Badge de publicación elegante en claro -->
                <div class="inline-flex items-center space-x-2 bg-purple-50 border border-purple-200/80 px-3 py-1.5 rounded-full text-xs text-purple-700 mb-6 backdrop-blur-sm">
                    <i data-lucide="calendar" class="w-4 h-4 text-purple-600"></i>
                    <span class="font-medium">Acta oficial publicada el 14 de mayo de 2026</span>
                </div>
                
                <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight leading-none mb-6 text-slate-900">
                    Premios del Plan Propio de <br class="hidden md:block">
                    <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-700 via-pink-600 to-blue-700">
                        Innovación Social, Empleabilidad y Emprendimiento
                    </span>
                </h1>
                
                <p class="text-lg md:text-xl text-slate-600 max-w-3xl mx-auto mb-10 leading-relaxed font-light">
                    El Vicerrectorado de la Universidad de Granada hace público el palmarés oficial diseñado para reconocer el impacto social, la innovación digital y la creación sonora en el entorno universitario.
                </p>

                <!-- Tarjeta Gala Promocional con Cuenta Atrás interactiva con Confeti -->
                <div class="confetti-trigger max-w-4xl mx-auto mb-16 glow-effect bg-white rounded-2xl p-6 md:p-8 backdrop-blur shadow-xl shadow-slate-200/50 border border-slate-200/60 cursor-pointer hover:shadow-2xl transition-all duration-300">
                    <div class="grid md:grid-cols-5 gap-6 items-center">
                        <div class="md:col-span-3 text-left">
                            <span class="text-xs font-bold text-pink-600 tracking-wider uppercase block mb-1">Próxima Parada</span>
                            <h3 class="text-2xl font-bold text-slate-900 flex items-center gap-2">
                                Gala Medialab 2026 
                                <span class="text-lg"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                            </h3>
                            <p class="text-slate-600 text-sm mt-2 leading-relaxed">
                                Todos los galardonados recogerán sus distinciones de forma oficial en una noche divertida, llena de actuaciones y sorpresas. <span class="text-xs font-semibold text-purple-600 block mt-1">(Haz clic aquí para lanzar confeti <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f38a.png" alt="🎊" class="wp-smiley" style="height: 1em; max-height: 1em;" />)</span>
                            </p>
                            <div class="flex flex-wrap gap-4 mt-4 text-xs text-slate-700">
                                <span class="flex items-center gap-1.5 bg-slate-100 px-2.5 py-1 rounded-md border border-slate-200/80 font-medium">
                                    <i data-lucide="map-pin" class="w-3.5 h-3.5 text-pink-600"></i> Espacio V Centenario
                                </span>
                                <span class="flex items-center gap-1.5 bg-slate-100 px-2.5 py-1 rounded-md border border-slate-200/80 font-medium">
                                    <i data-lucide="clock" class="w-3.5 h-3.5 text-blue-600"></i> 24 de Junio de 2026
                                </span>
                            </div>
                        </div>
                        
                        <!-- Caja de cuenta atrás -->
                        <div class="md:col-span-2 bg-slate-50 rounded-xl p-4 border border-slate-200 flex flex-col items-center justify-center">
                            <span class="text-[10px] text-slate-500 uppercase tracking-widest mb-2 font-bold">Faltan para la Gala</span>
                            <div class="grid grid-cols-3 gap-2 text-center w-full">
                                <div class="bg-white rounded p-2 border border-slate-200/80 shadow-sm">
                                    <span id="days" class="text-xl md:text-2xl font-bold text-slate-900 block">00</span>
                                    <span class="text-[9px] text-slate-500 uppercase font-medium">Días</span>
                                </div>
                                <div class="bg-white rounded p-2 border border-slate-200/80 shadow-sm">
                                    <span id="hours" class="text-xl md:text-2xl font-bold text-purple-600 block">00</span>
                                    <span class="text-[9px] text-slate-500 uppercase font-medium">Horas</span>
                                </div>
                                <div class="bg-white rounded p-2 border border-slate-200/80 shadow-sm">
                                    <span id="mins" class="text-xl md:text-2xl font-bold text-pink-600 block">00</span>
                                    <span class="text-[9px] text-slate-500 uppercase font-medium">Minutos</span>
                                </div>
                            </div>
                            <!-- Enlace directo al vídeo de YouTube -->
                            <a href="https://www.youtube.com/watch?v=xb7EUpq4_BE" target="_blank" rel="noopener noreferrer" class="mt-4 text-xs font-bold text-purple-600 hover:text-purple-700 transition-colors inline-flex items-center gap-1">
                                Ver cómo la montamos <i data-lucide="arrow-right" class="w-3 h-3"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- PALMARÉS DE PREMIOS -->
        <section class="max-w-6xl mx-auto px-4 pb-24 relative">
            <div class="text-center mb-12">
                <h2 class="text-2xl md:text-3xl font-extrabold tracking-tight text-slate-900">
                    El Palmarés Oficial de esta Edición
                </h2>
                <div class="w-20 h-1 bg-gradient-to-r from-purple-500 to-pink-500 mx-auto mt-4 rounded-full"></div>
            </div>

            <div class="grid gap-8 lg:grid-cols-3">
                
                <!-- CARD 1: INFLUSCIENCE -->
                <div class="confetti-trigger glow-effect glow-hover bg-white rounded-2xl p-6 border border-slate-200/80 flex flex-col justify-between transition-all duration-300 transform hover:-translate-y-1 shadow-md hover:shadow-lg cursor-pointer">
                    <div>
                        <div class="w-12 h-12 rounded-xl bg-purple-50 border border-purple-200/60 flex items-center justify-center mb-6">
                            <i data-lucide="trending-up" class="w-6 h-6 text-purple-600"></i>
                        </div>
                        <span class="text-[10px] uppercase tracking-widest text-purple-700 font-bold block mb-1">Premio InfluScience UGR</span>
                        <h3 class="text-xl font-bold text-slate-900 mb-3">Ciencia Socialmente Influyente</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-6 font-light">
                            Reconocimiento a investigadores con un impacto social destacado y una vocación continua por hacer accesible el conocimiento científico.
                        </p>
                    </div>

                    <!-- Cuadro Ganador -->
                    <div class="bg-purple-50/60 border border-purple-100 rounded-xl p-4 flex items-center space-x-4">
                        <div class="w-12 h-12 rounded-full bg-gradient-to-tr from-purple-600 to-pink-500 flex items-center justify-center font-bold text-white text-lg shadow-sm">
                            CN
                        </div>
                        <div>
                            <span class="text-[9px] text-purple-700 uppercase font-semibold block">Ganadora</span>
                            <span class="font-bold text-slate-900 text-base">Carmen Navarro Mateos</span>
                            <p class="text-[10px] text-slate-500 leading-none mt-1 font-medium">Destacado impacto en redes sociales</p>
                        </div>
                    </div>
                </div>

                <!-- CARD 2: COMUNICACIÓN Y MEDIOS DIGITALES -->
                <div class="confetti-trigger glow-effect glow-hover bg-white rounded-2xl p-6 border border-slate-200/80 flex flex-col justify-between transition-all duration-300 transform hover:-translate-y-1 shadow-md hover:shadow-lg cursor-pointer">
                    <div>
                        <div class="w-12 h-12 rounded-xl bg-pink-50 border border-pink-200/60 flex items-center justify-center mb-6">
                            <i data-lucide="monitor" class="w-6 h-6 text-pink-600"></i>
                        </div>
                        <span class="text-[10px] uppercase tracking-widest text-pink-700 font-bold block mb-1">Premio Medialab</span>
                        <h3 class="text-xl font-bold text-slate-900 mb-3">Comunicación e Innovación Digital</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-6 font-light">
                            Dirigido a visibilizar el talento creativo, tanto a nivel individual como colectivo, dentro de la comunidad universitaria.
                        </p>
                    </div>

                    <!-- Desglose de Categorías -->
                    <div class="space-y-3">
                        <div class="bg-pink-50/60 border border-pink-100 rounded-xl p-3 flex items-center justify-between">
                            <div class="flex items-center space-x-3">
                                <div class="w-8 h-8 rounded-lg bg-pink-500/10 flex items-center justify-center font-semibold text-pink-700 text-xs border border-pink-100">
                                    I
                                </div>
                                <div>
                                    <span class="text-[8px] text-pink-700 uppercase font-semibold block">Categoría Individual</span>
                                    <span class="font-bold text-slate-900 text-sm">Alejandro García Beltrán</span>
                                </div>
                            </div>
                            <i data-lucide="check-circle" class="w-4 h-4 text-emerald-600"></i>
                        </div>

                        <div class="bg-slate-50 border border-slate-200/80 rounded-xl p-3 flex items-center justify-between opacity-80">
                            <div class="flex items-center space-x-3">
                                <div class="w-8 h-8 rounded-lg bg-slate-200 flex items-center justify-center font-semibold text-slate-500 text-xs">
                                    C
                                </div>
                                <div>
                                    <span class="text-[8px] text-slate-500 uppercase font-semibold block">Categoría Colectiva</span>
                                    <span class="font-semibold text-slate-500 text-sm italic">Declarada desierta</span>
                                </div>
                            </div>
                            <i data-lucide="slash" class="w-4 h-4 text-slate-400"></i>
                        </div>
                    </div>
                </div>

                <!-- CARD 3: RADIOLAB (SONORA) -->
                <div class="glow-effect glow-hover bg-white rounded-2xl p-6 border border-slate-200/80 flex flex-col justify-between transition-all duration-300 transform hover:-translate-y-1 shadow-md hover:shadow-lg">
                    <div>
                        <div class="w-12 h-12 rounded-xl bg-blue-50 border border-blue-200/60 flex items-center justify-center mb-6">
                            <i data-lucide="mic" class="w-6 h-6 text-blue-600"></i>
                        </div>
                        <span class="text-[10px] uppercase tracking-widest text-blue-700 font-bold block mb-1">Premios Radiolab UGR</span>
                        <h3 class="text-xl font-bold text-slate-900 mb-3">Creación e Innovación Sonora</h3>
                        <p class="text-slate-600 text-sm leading-relaxed mb-4 font-light">
                            Reconocimiento a la calidad de producción, el arte de la narrativa y la divulgación a través del formato radiofónico y podcast.
                        </p>
                    </div>

                    <!-- Reproductor Interactivo Falso de Radiolab -->
                    <div class="bg-blue-50/50 border border-blue-100 rounded-xl p-4">
                        <div class="flex items-center justify-between mb-3">
                            <span class="text-[9px] text-blue-700 uppercase font-semibold">Premios Podcast 2026</span>
                            <div class="flex items-center space-x-1" id="audio-visualizer">
                                <span class="w-1 h-3 bg-blue-500 rounded-full animate-bounce" style="animation-delay: 0.1s"></span>
                                <span class="w-1 h-4 bg-blue-400 rounded-full animate-bounce" style="animation-delay: 0.3s"></span>
                                <span class="w-1 h-2 bg-blue-600 rounded-full animate-bounce" style="animation-delay: 0.2s"></span>
                            </div>
                        </div>

                        <!-- Mini menú interactivo para ver los 3 ganadores de podcast -->
                        <div class="space-y-2">
                            <button onclick="switchPodcast('history')" id="btn-history" class="w-full text-left p-2 rounded bg-blue-600 border border-blue-700 text-xs flex justify-between items-center transition-all text-white shadow-sm">
                                <span class="font-semibold">1. Entresijos de la historia</span>
                                <span class="text-[9px] text-blue-100 uppercase font-bold">Mejor Programa</span>
                            </button>
                            <button onclick="switchPodcast('murmurs')" id="btn-murmurs" class="w-full text-left p-2 rounded bg-white hover:bg-slate-50 border border-slate-200 text-xs flex justify-between items-center transition-all text-slate-700">
                                <span class="font-semibold text-slate-700">2. Murmullos sin dueño</span>
                                <span class="text-[9px] text-slate-500 uppercase font-bold">Narrativa</span>
                            </button>
                            <button onclick="switchPodcast('madraza')" id="btn-madraza" class="w-full text-left p-2 rounded bg-white hover:bg-slate-50 border border-slate-200 text-xs flex justify-between items-center transition-all text-slate-700">
                                <span class="font-semibold text-slate-700">3. La Madraza por MXZ</span>
                                <span class="text-[9px] text-slate-500 uppercase font-bold">Divulgación</span>
                            </button>
                        </div>
                        
                        <!-- Detalle dinámico del podcast seleccionado -->
                        <div class="mt-3 pt-3 border-t border-slate-200 text-[11px] text-slate-600" id="podcast-desc">
                            Reconocido por su calidad global, constancia y coherencia editorial.
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- MIEMBROS DEL JURADO -->
        <section class="max-w-4xl mx-auto px-4 pb-20 w-full relative">
            <div class="bg-slate-100/80 border border-slate-200 rounded-2xl p-6 md:p-8 shadow-sm">
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-6">
                    <div class="max-w-md">
                        <span class="text-xs font-bold text-slate-500 uppercase tracking-widest block mb-1">Transparencia</span>
                        <h4 class="text-lg font-bold text-slate-900">Comité Evaluador de la Edición</h4>
                        <p class="text-slate-600 text-xs mt-2 leading-relaxed">
                            El jurado ha estado compuesto por destacadas personalidades de la investigación, docencia y la comunicación de la Universidad de Granada.
                        </p>
                    </div>
                    
                    <div class="flex-1 grid grid-cols-2 gap-4">
                        <div class="p-3 bg-white rounded-lg border border-slate-200/80 shadow-sm">
                            <p class="font-bold text-slate-900 text-xs">Esteban Romero Frías</p>
                            <span class="text-[9px] text-slate-500 uppercase">Vicerrector / Presidente</span>
                        </div>
                        <div class="p-3 bg-white rounded-lg border border-slate-200/80 shadow-sm">
                            <p class="font-bold text-slate-900 text-xs">Sandra Haro Márquez</p>
                            <span class="text-[9px] text-slate-500 uppercase">Coord. Ejecutiva Medialab</span>
                        </div>
                        <div class="p-3 bg-white rounded-lg border border-slate-200/80 shadow-sm">
                            <p class="font-bold text-slate-900 text-xs">Daniel Torres Salinas</p>
                            <span class="text-[9px] text-slate-500 uppercase">Coord. Evaluación Impacto</span>
                        </div>
                        <div class="p-3 bg-white rounded-lg border border-slate-200/80 shadow-sm">
                            <p class="font-bold text-slate-900 text-xs">Isaac José Pérez López</p>
                            <span class="text-[9px] text-slate-500 uppercase">PDI Experto Innovación</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- FOOTER / CIERRE -->
        <footer class="border-t border-slate-200 bg-slate-100 py-12 text-center relative z-10">
            <div class="max-w-4xl mx-auto px-4">
                <p class="text-sm text-slate-600 mb-4">
                    Desde Medialab queremos dar la enhorabuena a todas las personas y proyectos premiados por su excelente labor.
                </p>
                <!-- Disparador de confeti en el saludo final -->
                <p class="confetti-trigger text-lg font-bold text-purple-700 mb-6 cursor-pointer inline-block hover:scale-105 transition-transform">
                    ¡Nos vemos el 24 de junio para celebrarlo por todo lo alto! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f942.png" alt="🥂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />
                </p>
                
                <div class="flex justify-center space-x-6 mb-8 text-xs text-slate-500">
                    <span>Vicerrectorado de Innovación Social, Empleabilidad y Emprendimiento</span>
                    <span>•</span>
                    <span>Universidad de Granada</span>
                </div>

                <div class="text-[10px] text-slate-500">
                    &copy; 2026 Medialab UGR. Diseñado originalmente para comunicación universitaria digital.
                </div>
            </div>
        </footer>

    </div>

    <!-- SCRIPTS INTERACTIVOS -->
    <script>
        // Inicializar los iconos de Lucide
        lucide.createIcons();

        // 1. ANIMACIÓN DEL CANVAS DE PARTÍCULAS (Optimizado con colores suaves para fondo claro)
        const canvas = document.getElementById('particleCanvas');
        const ctx = canvas.getContext('2d');
        let particles = [];

        function resizeCanvas() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        }
        window.addEventListener('resize', resizeCanvas);
        resizeCanvas();

        class Particle {
            constructor() {
                this.x = Math.random() * canvas.width;
                this.y = Math.random() * canvas.height;
                this.size = Math.random() * 2 + 0.6;
                this.speedX = Math.random() * 0.3 - 0.15;
                this.speedY = Math.random() * 0.3 - 0.15;
                this.color = this.getRandomColor();
            }
            getRandomColor() {
                // Tonos pasteles elegantes para fondo blanco
                const colors = [
                    'rgba(109, 40, 217, 0.08)', // púrpura
                    'rgba(219, 39, 119, 0.08)', // rosa
                    'rgba(29, 78, 216, 0.08)'   // azul
                ];
                return colors[Math.floor(Math.random() * colors.length)];
            }
            update() {
                this.x += this.speedX;
                this.y += this.speedY;

                if (this.x > canvas.width) this.x = 0;
                else if (this.x < 0) this.x = canvas.width;

                if (this.y > canvas.height) this.y = 0;
                else if (this.y < 0) this.y = canvas.height;
            }
            draw() {
                ctx.fillStyle = this.color;
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                ctx.fill();
            }
        }

        function initParticles() {
            particles = [];
            const particleCount = Math.floor((canvas.width * canvas.height) / 12000);
            for (let i = 0; i < particleCount; i++) {
                particles.push(new Particle());
            }
        }
        initParticles();

        function animate() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            particles.forEach(p => {
                p.update();
                p.draw();
            });
            requestAnimationFrame(animate);
        }
        animate();


        // 2. CUENTA ATRÁS A LA GALA (24 de Junio de 2026)
        const targetDate = new Date('June 24, 2026 19:30:00').getTime();

        function updateCountdown() {
            const now = new Date().getTime();
            const difference = targetDate - now;

            if (difference < 0) {
                document.getElementById('days').innerText = "00";
                document.getElementById('hours').innerText = "00";
                document.getElementById('mins').innerText = "00";
                return;
            }

            const days = Math.floor(difference / (1000 * 60 * 60 * 24));
            const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const mins = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));

            document.getElementById('days').innerText = days.toString().padStart(2, '0');
            document.getElementById('hours').innerText = hours.toString().padStart(2, '0');
            document.getElementById('mins').innerText = mins.toString().padStart(2, '0');
        }
        setInterval(updateCountdown, 1000);
        updateCountdown();


        // 3. SELECCIÓN DE PODCASTS DE RADIOLAB
        const podcasts = {
            history: {
                desc: 'Reconocido por su calidad global, constancia y coherencia editorial.',
                btnId: 'btn-history'
            },
            murmurs: {
                desc: 'Galardonado por explorar de forma sumamente creativa y vanguardista las posibilidades del lenguaje radiofónico.',
                btnId: 'btn-murmurs'
            },
            madraza: {
                desc: 'Premiado por su altísima capacidad de conectar la ciencia y el conocimiento universitario con la sociedad de manera rigurosa.',
                btnId: 'btn-madraza'
            }
        };

        function switchPodcast(key) {
            // Actualizar descripción
            document.getElementById('podcast-desc').innerText = podcasts[key].desc;

            // Restablecer estilos de botones (estilo inactivo en claro)
            ['btn-history', 'btn-murmurs', 'btn-madraza'].forEach(id => {
                const btn = document.getElementById(id);
                btn.className = "w-full text-left p-2 rounded bg-white hover:bg-slate-50 border border-slate-200 text-xs flex justify-between items-center transition-all text-slate-700";
                btn.querySelector('span:first-child').className = "font-semibold text-slate-700";
                btn.querySelector('span:last-child').className = "text-[9px] text-slate-500 uppercase font-bold";
            });

            // Aplicar estilo activo (estilo azul llamativo en claro)
            const activeBtn = document.getElementById(podcasts[key].btnId);
            activeBtn.className = "w-full text-left p-2 rounded bg-blue-600 border border-blue-700 text-xs flex justify-between items-center transition-all text-white shadow-sm";
            activeBtn.querySelector('span:first-child').className = "font-semibold text-white";
            activeBtn.querySelector('span:last-child').className = "text-[9px] text-blue-100 uppercase font-bold";
        }

        // 4. EFECTO DE CONFETI CELEBRATIVO
        // Lanzamiento automático de bienvenida al cargar la web
        window.addEventListener('DOMContentLoaded', () => {
            setTimeout(() => {
                // Ráfaga central
                confetti({
                    particleCount: 120,
                    spread: 80,
                    origin: { y: 0.6 },
                    colors: ['#6d28d9', '#db2777', '#1d4ed8', '#ffd700', '#22c55e']
                });
                // Ráfaga lateral izquierda
                setTimeout(() => {
                    confetti({
                        particleCount: 60,
                        angle: 60,
                        spread: 60,
                        origin: { x: 0, y: 0.75 }
                    });
                }, 300);
                // Ráfaga lateral derecha
                setTimeout(() => {
                    confetti({
                        particleCount: 60,
                        angle: 120,
                        spread: 60,
                        origin: { x: 1, y: 0.75 }
                    });
                }, 500);
            }, 800);
        });

        // Evento interactivo para lanzar confeti desde el elemento clicado
        document.addEventListener('click', (e) => {
            const trigger = e.target.closest('.confetti-trigger');
            if (trigger) {
                // Obtener coordenadas relativas de la pantalla para lanzar confeti exacto desde el clic
                const xRatio = e.clientX / window.innerWidth;
                const yRatio = e.clientY / window.innerHeight;
                
                confetti({
                    particleCount: 60,
                    spread: 60,
                    origin: { x: xRatio, y: yRatio },
                    colors: ['#6d28d9', '#db2777', '#1d4ed8']
                });
            }
        });
    </script>
</body>
</html>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://medialab.ugr.es/wp-content/uploads/2026/05/1report_Acta-reunion-14-de-mayo_signed_IPL-2.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Incrustado de Resolución de los Premios Medialab UGR."></object><a id="wp-block-file--media-07ef83c4-50b2-44b5-a4dc-81f8efcfa37d" href="https://medialab.ugr.es/wp-content/uploads/2026/05/1report_Acta-reunion-14-de-mayo_signed_IPL-2.pdf">Resolución de los Premios Medialab UGR</a><a href="https://medialab.ugr.es/wp-content/uploads/2026/05/1report_Acta-reunion-14-de-mayo_signed_IPL-2.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-07ef83c4-50b2-44b5-a4dc-81f8efcfa37d">Descarga</a></div>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19449</post-id>	</item>
		<item>
		<title>Crónica del III Laboratorio Música y Sociedad</title>
		<link>https://medialab.ugr.es/noticias/cronica-del-iii-laboratorio-musica-y-sociedad/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Fri, 15 May 2026 10:56:09 +0000</pubDate>
				<category><![CDATA[LABORATORIOS CIUDADANOS]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Rock Your Research]]></category>
		<category><![CDATA[Fundación Miguel Ríos]]></category>
		<category><![CDATA[Medialab UGR]]></category>
		<category><![CDATA[universidad de granada]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19436</guid>

					<description><![CDATA[El espacio «Se Vende Bocadillos» se convirtió el pasado 13 de mayo de 2026 en el epicentro del III Laboratorio [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">El espacio <strong>«Se Vende Bocadillos»</strong> se convirtió el pasado 13 de mayo de 2026 en el epicentro del <strong>III Laboratorio Ciudadano de Música y Sociedad</strong>, impulsado por la <strong>Fundación Miguel Ríos</strong> (a través de Espacio Caja Sonora) y la <strong>Universidad de Granada</strong> (mediante Medialab UGR), celebró una nueva sesión de trabajo enmarcada en el proyecto europeo <strong>Rock Your Research</strong>. El objetivo: pasar de la teoría a la acción en dos frentes críticos para la identidad granadina: la supervivencia del comercio local y la igualdad real en la industria musical.</p>



<p class="wp-block-paragraph">La jornada, que combinó el rigor de la investigación con la pasión de la escena, arrancó con dos ponencias de excepción: <strong>Victor Santiago</strong> (Asociación Espárrago Rock) y <strong>Alba Guni</strong> (La Química Film Lab), quienes sentaron las bases para las dinámicas participativas de los dos proyectos protagonistas: <em>Los Negativos de la Escena</em> y <em>Ellas Suenan</em>.</p>



<h3 class="wp-block-heading"><strong><em>Los negativos de la escena</em></strong></h3>



<p class="wp-block-paragraph">Este laboratorio nació para visibilizar el ecosistema que sostiene la música en Granada más allá del escenario. En esta sesión, el foco se puso en el papel del <strong>comercio local</strong> como tejido conectivo de nuestra cultura.</p>



<ul class="wp-block-list">
<li><strong>Acciones de guerrilla urbana:</strong> Los participantes destacaron que apoyar el comercio de barrio es un acto político. Acciones como el <strong>boca a boca</strong>, priorizar el <strong>pago en efectivo</strong> y generar <strong>buenas reseñas</strong> son herramientas cotidianas para frenar el avance de las grandes plataformas.</li>



<li><strong>Identidad frente a desolación:</strong> El debate arrojó una visión honesta: aunque las grandes superficies ganan en precio y comodidad, el comercio local ofrece <strong>sostenibilidad y trato humano</strong>. Se concluyó que, cuando cierra un bar como <strong>Charavino</strong>, no solo se pierde un negocio, sino un ritual y un pedazo de la historia local que no figura en los libros.</li>



<li><strong>Mapa sonoro y afectivo:</strong> Se identificaron espacios clave que funcionan como «oficinas» para el sector, desde tiendas de discos como <strong>Bora Bora</strong> o <strong>Marcapasos</strong>, hasta bares de referencia como el <strong>Ruido Rosa</strong> o <strong>Plantabaja</strong>. Estos lugares no venden productos; generan comunidad.</li>
</ul>



<h3 class="wp-block-heading"><strong><em>Ellas Suenan</em></strong></h3>



<p class="wp-block-paragraph">El laboratorio <em>Ellas Suenan</em> dio un paso adelante en su objetivo de abordar las desigualdades de género, centrando la discusión en cómo construir festivales con una perspectiva realista y no meramente estética.</p>



<ul class="wp-block-list">
<li><strong>Soberanía Técnica:</strong> La demanda fue unánime: la igualdad no es solo poner mujeres en el cartel, sino garantizar su presencia en <strong>producción, sonido y realización</strong>. Se propuso la creación de equipos técnicos mayoritariamente femeninos para romper las inercias de la industria.</li>



<li><strong>Espacios seguros y Puntos Violeta:</strong> La seguridad se definió como el eje vertebrador. Se consideró indispensable que los eventos cuenten con la certificación de <strong>Punto Violeta</strong>, pero yendo más allá: generando infraestructuras de cuidados (baños seguros, canales de ayuda) y formando al personal para gestionar situaciones de riesgo.</li>



<li><strong>Comunicación con propósito:</strong> Para que un festival en Granada destaque, debe transmitir su «razón de ser». Los participantes propusieron utilizar referentes locales potentes y apostar por una planificación participativa que involucre a la ciudadanía desde el primer momento.</li>
</ul>



<h3 class="wp-block-heading"><strong>Un espacio de cocreación entre universidad, arte y ciudadanía</strong></h3>



<p class="wp-block-paragraph">La jornada se desarrolló mediante mesas colaborativas donde artistas, investigadores y ciudadanos trabajaron codo con codo. No fue un evento de escucha pasiva, sino un ejercicio de <strong>experimentación colectiva</strong>.</p>



<p class="wp-block-paragraph">De estos grupos surgieron propuestas para mejorar la visibilidad de los comercios de barrio mediante la digitalización y estrategias para que la ciudadanía sea parte activa de la difusión de los festivales, creando comités y redes de apoyo basadas en el afecto y la militancia cultural.</p>



<p class="wp-block-paragraph">Con esta sesión, la <strong>Fundación Miguel Ríos</strong>, <strong>Medialab UGR</strong> y <strong>Rock Your Research</strong> refuerzan su apuesta por la música como herramienta de innovación social, consolidando un espacio donde la investigación académica se pone al servicio del tejido cultural de Granada.</p>



<p class="wp-block-paragraph"><strong>P</strong>ara estar al tanto de todo, sigue las redes de <strong>Medialab UGR</strong>, <strong>Fundación Miguel Ríos</strong>, <strong>Espacio Caja Sonora</strong> y <strong>Rock Your Research</strong>. ¡Te esperamos en la presentación del proyecto final!</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="683" data-id="19439" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3.jpeg?resize=1024%2C683&#038;ssl=1" alt="" class="wp-image-19439" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3-scaled.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3-scaled.jpeg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3-scaled.jpeg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3-scaled.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-3-scaled.jpeg?resize=2048%2C1365&amp;ssl=1 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="683" data-id="19437" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4.jpeg?resize=1024%2C683&#038;ssl=1" alt="" class="wp-image-19437" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4-scaled.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4-scaled.jpeg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4-scaled.jpeg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4-scaled.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-4-scaled.jpeg?resize=2048%2C1365&amp;ssl=1 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="683" data-id="19440" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8.jpeg?resize=1024%2C683&#038;ssl=1" alt="" class="wp-image-19440" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8-scaled.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8-scaled.jpeg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8-scaled.jpeg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8-scaled.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-8-scaled.jpeg?resize=2048%2C1365&amp;ssl=1 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="683" data-id="19438" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9.jpeg?resize=1024%2C683&#038;ssl=1" alt="" class="wp-image-19438" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9-scaled.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9-scaled.jpeg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9-scaled.jpeg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9-scaled.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.51-9-scaled.jpeg?resize=2048%2C1365&amp;ssl=1 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="683" data-id="19441" src="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52.jpeg?resize=1024%2C683&#038;ssl=1" alt="" class="wp-image-19441" srcset="https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52-scaled.jpeg?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52-scaled.jpeg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52-scaled.jpeg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52-scaled.jpeg?resize=1536%2C1024&amp;ssl=1 1536w, https://i0.wp.com/medialab.ugr.es/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-14-at-13.46.52-scaled.jpeg?resize=2048%2C1365&amp;ssl=1 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19436</post-id>	</item>
		<item>
		<title>El catálogo de “Subir a la nube. El cielo está pixelado” amplía la reflexión sobre arte, accesibilidad y cultura digital</title>
		<link>https://medialab.ugr.es/noticias/el-catalogo-de-subir-a-la-nube-el-cielo-esta-pixelado-amplia-la-reflexion-sobre-arte-accesibilidad-y-cultura-digital/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Thu, 14 May 2026 11:11:12 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Portada]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19429</guid>

					<description><![CDATA[La exposición&#160;“Subir a la nube. El cielo está pixelado”, celebrada en la&#160;Sala Ático del Palacio de los Condes de Gabia&#160;entre [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">La exposición&nbsp;<strong>“Subir a la nube. El cielo está pixelado”</strong>, celebrada en la&nbsp;<strong>Sala Ático del Palacio de los Condes de Gabia</strong>&nbsp;entre el&nbsp;<strong>12 de febrero y el 12 de abril de 2026</strong>, cuenta con un catálogo que recoge y prolonga las principales líneas del proyecto expositivo.</p>



<p class="wp-block-paragraph">Editado por la&nbsp;<strong>Delegación de Cultura y Educación. Artes Plásticas de la Diputación de Granada</strong>, el catálogo reúne textos críticos, documentación de las obras y transcripciones de las audiodescripciones desarrolladas para la muestra, en la que participaron&nbsp;<strong>Clara García Garzón, Manuel Gómez López y Javier Moreno Gaona</strong>, bajo el comisariado de&nbsp;<strong>David Domínguez Escalona</strong>.</p>



<p class="wp-block-paragraph">La publicación se enmarca en el proyecto&nbsp;<strong>“Generación de Cristal. Arte y Salud en la Cultura Digital”</strong>, apoyado por la ayuda&nbsp;<strong>P52. Proyectos de Investigación Medialab-UGR 2024</strong>&nbsp;y por el&nbsp;<strong>Programa de Apoyo y Fomento a la Investigación en Materia de Igualdad, Inclusión y Compromiso Social</strong>&nbsp;del Vicerrectorado de Igualdad, Inclusión y Compromiso Social de la Universidad de Granada.</p>



<p class="wp-block-paragraph">A través de la pintura, el objeto, el texto y el sonido, el catálogo invita a repensar nuestra relación con las imágenes digitales, la memoria almacenada en la nube y la velocidad con la que miramos hoy. Frente al consumo inmediato de pantallas y archivos, las obras reunidas proponen una experiencia más lenta, física y atenta.</p>



<p class="wp-block-paragraph">Uno de los ejes destacados de la publicación es la incorporación de las&nbsp;<strong>audiodescripciones</strong>&nbsp;como práctica artística. Los textos sonoros, realizados por&nbsp;<strong>Ángela Aragonés Martín</strong>,&nbsp;<strong>Lucía Hita Ortega</strong>&nbsp;y&nbsp;<strong>Yan Yan Lin</strong>, no funcionan solo como herramienta de accesibilidad, sino como una forma de ampliar la lectura de las obras y generar nuevas maneras de habitar la exposición.</p>



<p class="wp-block-paragraph">El catálogo se convierte así en una continuación del proyecto: un archivo para volver a mirar, pensar la cultura digital desde la materia y abrir nuevas preguntas sobre el papel del arte en un presente saturado de imágenes.</p>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://medialab.ugr.es/wp-content/uploads/2026/05/CATALOGO_NUB-E.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Incrustado de CATALOGO_NUB E."></object><a id="wp-block-file--media-911d456d-accc-4808-bc0d-81957051fb8a" href="https://medialab.ugr.es/wp-content/uploads/2026/05/CATALOGO_NUB-E.pdf">CATALOGO_NUB E</a><a href="https://medialab.ugr.es/wp-content/uploads/2026/05/CATALOGO_NUB-E.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-911d456d-accc-4808-bc0d-81957051fb8a">Descarga</a></div>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19429</post-id>	</item>
		<item>
		<title>Más allá del aula: Programa para TFGs / TFMs creativos e innovadores</title>
		<link>https://medialab.ugr.es/noticias/19405/</link>
		
		<dc:creator><![CDATA[Medialab UGR]]></dc:creator>
		<pubDate>Wed, 13 May 2026 15:41:55 +0000</pubDate>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Portada]]></category>
		<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[Rock Your Research]]></category>
		<guid isPermaLink="false">https://medialab.ugr.es/?p=19405</guid>

					<description><![CDATA[Más allá del aula &#8211; Medialab UGR 💰 Presupuesto de producción Medialab UGR · Rock Your Research Más alládel aula [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Más allá del aula &#8211; Medialab UGR</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@300;500;700;800&family=Rubik+Glitch&display=swap');

        :root {
            --ryr-red: #ff3d47;
            --blue-deep: #050a15;
            --blue-electric: #0055ff;
            --neon-cyan: #00b4d8;
            --soft-gray: #f8fafc;
            --text-dark: #1e293b;
        }

        * { box-sizing: border-box; }

        body {
            margin: 0;
            padding: 0;
            font-family: 'Inter', sans-serif;
            background-color: white;
            color: var(--text-dark);
            line-height: 1.6; 
            font-size: 0.92rem; 
            overflow-x: hidden;
            position: relative;
            transition: background-color 0.1s ease;
        }

        body.lightning-flash {
            background-color: #e0f2fe; 
        }

        #bg-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            pointer-events: none;
        }

        .wrapper {
            max-width: 800px; 
            margin: 0 auto;
            padding: 60px 25px 180px 25px;
            position: relative;
            z-index: 10;
        }

        .animated-title {
            font-family: 'Rubik Glitch', cursive;
            font-size: clamp(2.5rem, 12vw, 5rem); 
            line-height: 0.85;
            font-weight: 400;
            text-transform: uppercase;
            margin: 0;
            background: linear-gradient(90deg, var(--text-dark), var(--ryr-red), var(--blue-electric), var(--ryr-red));
            background-size: 300% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradientMove 4s linear infinite;
        }

        @keyframes gradientMove {
            0% { background-position: 0% 50%; }
            100% { background-position: 300% 50%; }
        }

        header {
            margin-bottom: 50px;
        }

        .subtitle {
            font-family: 'Space Grotesk', sans-serif;
            text-transform: uppercase;
            letter-spacing: 5px;
            font-weight: 700;
            color: var(--blue-electric);
            font-size: 0.8rem;
            display: block;
            margin-bottom: 12px;
        }

        .money-badge {
            display: inline-block;
            background: #ffcc00;
            color: black;
            padding: 5px 12px;
            font-weight: 800;
            font-size: 0.7rem;
            text-transform: uppercase;
            border-radius: 4px;
            margin-bottom: 15px;
            transform: rotate(-1deg);
            box-shadow: 3px 3px 0px var(--text-dark);
        }

        .section-block {
            margin-bottom: 40px;
            background: rgba(255, 255, 255, 0.96);
            padding: 30px;
            border-radius: 10px;
            border: 1px solid #eee;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
            backdrop-filter: blur(5px);
        }

        p {
            margin-bottom: 1.2rem;
            color: var(--text-dark);
        }

        .finance-highlight {
            background: rgba(255, 61, 71, 0.04);
            border-left: 4px solid var(--ryr-red);
            padding: 20px;
            margin: 25px 0;
            font-size: 1rem;
            color: #b91c1c;
        }

        .section-title {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1.4rem;
            color: var(--text-dark);
            text-transform: uppercase;
            font-weight: 800;
            margin-bottom: 18px;
            border-bottom: 2px solid var(--ryr-red);
            display: inline-block;
        }

        .ryr-box {
            border: 4px solid var(--text-dark);
            padding: 35px;
            margin: 60px 0;
            background: #fff;
            position: relative;
            box-shadow: 10px 10px 0px var(--ryr-red);
        }

        .ryr-main-title {
            font-family: 'Rubik Glitch', cursive;
            font-weight: 400;
            font-size: clamp(2rem, 8vw, 3.5rem);
            color: var(--text-dark);
            text-transform: uppercase;
            line-height: 0.75;
            margin-bottom: 30px;
        }

        /* --- ESCENARIO DE BATALLA --- */
        .battle-stage {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 90px;
            z-index: 100;
            pointer-events: none;
            background: linear-gradient(transparent, rgba(255,255,255,0.9));
        }

        .hero-fighter {
            position: absolute;
            bottom: 5px;
            width: 70px; 
            height: 70px;
            animation: heroMove 12s linear infinite;
        }

        .fireball {
            position: absolute;
            bottom: 20px;
            width: 40px; 
            height: 40px;
            animation: fireMove 12s linear infinite;
        }

        @keyframes heroMove {
            0% { left: -80px; transform: scaleX(1); }
            45% { left: 40%; transform: scaleX(1); }
            55% { left: 50%; transform: scaleX(-1); }
            100% { left: 110%; transform: scaleX(-1); }
        }

        @keyframes fireMove {
            0% { left: 110%; }
            45% { left: 53%; }
            55% { left: 43%; }
            100% { left: -80px; }
        }

        .sword-attack {
            fill: var(--blue-electric);
            filter: drop-shadow(0 0 4px var(--blue-electric));
            transform-origin: 50% 60%;
            animation: slash 0.12s infinite alternate;
        }

        @keyframes slash {
            from { transform: rotate(-35deg); }
            to { transform: rotate(55deg); }
        }

        .calendario-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .card-date {
            background: var(--soft-gray);
            border: 1px solid #ddd;
            padding: 15px;
            border-radius: 6px;
        }

        .card-date h4 {
            font-size: 1rem;
            margin: 0 0 8px 0;
            color: var(--ryr-red);
            text-transform: uppercase;
        }

        /* --- CTA CON BOTÓN EXPLOSIVO --- */
        .form-cta-box {
            background: white;
            color: var(--text-dark);
            padding: 40px 20px;
            text-align: center;
            margin-top: 35px;
            border-radius: 8px;
            border: 2px solid var(--text-dark);
            box-shadow: 6px 6px 0px #f1f5f9;
            position: relative;
            overflow: hidden;
        }

        .btn-form {
            background: white;
            color: var(--ryr-red);
            padding: 14px 32px;
            text-decoration: none;
            font-weight: 900;
            text-transform: uppercase;
            display: inline-block;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 0.9rem;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 3px solid var(--ryr-red);
            border-radius: 4px;
            margin: 15px 0;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }

        /* El efecto de explosión de color */
        .btn-form::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: radial-gradient(circle, #ff3d47 0%, #0055ff 50%, #ffcc00 100%);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.6s ease-out, height 0.6s ease-out;
            z-index: -1;
        }

        .btn-form:hover {
            color: white;
            border-color: var(--text-dark);
            transform: scale(1.1) rotate(1deg);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .btn-form:hover::before {
            width: 300%;
            height: 400%;
        }

        footer {
            margin-top: 40px;
            padding-bottom: 40px;
            text-align: center;
            font-size: 0.7rem;
            color: #94a3b8;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        @media (max-width: 600px) {
            .calendario-grid { grid-template-columns: 1fr; }
            .battle-stage { display: none; }
        }

    </style>
</head>
<body>

    <canvas id="bg-canvas"></canvas>

    <div class="battle-stage">
        <div class="hero-fighter">
            <svg viewBox="0 0 100 120">
                <path d="M40,15 L45,0 L50,15 L55,0 L60,15 L65,0 L70,15" fill="var(--ryr-red)" stroke="black" stroke-width="1"/>
                <circle cx="50" cy="35" r="14" fill="#fecaca" stroke="black" stroke-width="1.5"/>
                <path d="M42,32 L48,34 M52,34 L58,32" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
                <path d="M30,50 L70,50 L75,90 L25,90 Z" fill="#1e293b" stroke="black" stroke-width="1.5"/>
                <g class="sword-attack">
                    <rect x="68" y="10" width="3" height="45" rx="1.5" fill="var(--blue-electric)"/>
                    <rect x="62" y="55" width="14" height="5" rx="1" fill="black"/>
                </g>
                <path d="M40,90 L35,115 M60,90 L65,115" stroke="black" stroke-width="5" stroke-linecap="round"/>
            </svg>
        </div>
        <div class="fireball">
            <svg viewBox="0 0 100 100">
                <circle cx="50" cy="50" r="22" fill="#ffcc00">
                    <animate attributeName="r" values="20;25;20" dur="0.2s" repeatCount="indefinite" />
                </circle>
                <path d="M60,50 L85,25 L75,50 Z" fill="#ff3d47">
                    <animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="0.5s" repeatCount="indefinite" />
                </path>
            </svg>
        </div>
    </div>

    <div class="wrapper">
        <header>
            <div class="money-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Presupuesto de producción</div>
            <span class="subtitle">Medialab UGR · Rock Your Research</span>
            <h1 class="animated-title">Más allá<br>del aula</h1>
        </header>

        <section class="section-block">
            <p style="font-size: 1.1rem; color: var(--ryr-red); font-weight: 800; line-height: 1.2; margin-bottom: 20px; text-transform: uppercase;">
                ¿Tu Trabajo Fin de Grado / Máster tiene alma de proyecto real?
            </p>
            <p><strong>Más allá del aula</strong> es un semillero de creación e investigación diseñado para estudiantes que no se conforman con archivar su TFG o TFM en un repositorio digital. Buscamos ideas con chispa, proyectos artísticos, tecnológicos o sociales que necesiten un impulso para salir de la facultad y encontrarse con la ciudadanía.</p>
            
            <p>A través del proyecto europeo <strong>Rock Your Research</strong>, Medialab UGR ofrece un entorno de experimentación donde la teoría se convierte en práctica tangible. No buscamos solo excelencia académica, buscamos propuestas capaces de agitar conciencias, resolver problemas o proponer nuevas estéticas.</p>
            
            <div class="finance-highlight">
                <p style="margin: 0; font-weight: 700;">Recursos para tu idea: Ponemos a tu disposición financiación directa para la compra de materiales, servicios y todos los costes derivados de la producción de tu proyecto.</p>
            </div>

            <p>Lo más valioso no es solo el dinero, sino el acompañamiento. Las propuestas seleccionadas recibirán <strong>tutorización personalizada</strong> por parte de expertos en mediación y cultura digital. Además, tendrás acceso prioritario a los espacios de trabajo de Medialab para desarrollar tu prototipo, obra o investigación en un ambiente colaborativo.</p>
            
            <p>El objetivo final es la <strong>proyección pública</strong>: te ayudaremos a organizar una exposición, una intervención urbana, un taller participativo o una publicación para que tu trabajo sea visto y debatido por la sociedad.</p>
        </section>

        <section class="ryr-box">
            <h2 class="ryr-main-title">Únete a la<br>comunidad</h2>
            
            <div class="section-block" style="background: transparent; border: none; box-shadow: none; padding: 0;">
                <h3 class="section-title">¿Quién puede participar?</h3>
                <p>Estudiantes de cualquier grado de la Universidad de Granada. Si tu TFG o TFM tiene una dimensión creativa, innovadora o experimental, este es tu sitio. Buscamos perfiles inquietos que quieran tutorizar sus trabajos de forma más interesante y con mayor libertad.</p>
            </div>

            <div class="section-block" style="background: transparent; border: none; box-shadow: none; padding: 0; margin-top: 25px;">
                <h3 class="section-title">Calendario y Convocatorias</h3>
                <div class="calendario-grid">
                    <div class="card-date">
                        <h4>Curso 2025/26</h4>
                        <p>Para quienes estén realizando su TFG o TFM ahora. Plazo de solicitud hasta junio de 2027.</p>
                    </div>
                    <div class="card-date">
                        <h4>Curso 2026/27</h4>
                        <p> Abierto todo el curso para acompañarte durante todo el proceso de creación del TFG o TFM </p>
                    </div>
                </div>
            </div>

            <div class="form-cta-box">
                <h3 style="font-family: 'Space Grotesk', sans-serif; font-size: 1.3rem; margin-bottom: 5px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;">¿Te unes al desafío?</h3>
                <p style="margin-bottom: 10px; opacity: 0.9; font-size: 0.85rem;">Cuéntanos tu idea en un par de párrafos a través de nuestro formulario.</p>
                <a href="https://docs.google.com/forms/d/e/1FAIpQLSd3IGNKn3R4e8eSqyFQ4t57qyMnMSCB4m12Yr_7-gMZ0azXpQ/viewform?usp=publish-editor" class="btn-form" target="_blank">Enviar mi solicitud</a>
                <p style="font-size: 0.7rem; margin-top: 10px; opacity: 0.6; color: var(--text-dark);">Medialab UGR </p>
            </div>
        </section>

        <footer>
            Rock Your Research — 2026 Universidad de Granada
        </footer>
    </div>

    <script>
        const canvas = document.getElementById('bg-canvas');
        const ctx = canvas.getContext('2d');
        let drops = [];
        let lightning = null;
        const colors = ['#ff3d47', '#0055ff', '#ff00ff', '#00ffff', '#ffcc00'];

        function resize() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        }

        class Drop {
            constructor() { this.init(); }
            init() {
                this.x = Math.random() * canvas.width;
                this.y = Math.random() * -canvas.height;
                this.length = Math.random() * 40 + 20; 
                this.speed = Math.random() * 15 + 8;
                this.width = Math.random() * 1 + 0.2;
                this.color = colors[Math.floor(Math.random() * colors.length)];
                this.opacity = Math.random() * 0.25 + 0.1;
            }
            update() {
                this.y += this.speed;
                if (this.y > canvas.height) { this.init(); this.y = -60; }
            }
            draw() {
                ctx.beginPath();
                ctx.strokeStyle = this.color;
                ctx.lineWidth = this.width;
                ctx.globalAlpha = this.opacity;
                ctx.moveTo(this.x, this.y);
                ctx.lineTo(this.x, this.y + this.length);
                ctx.stroke();
            }
        }

        class Lightning {
            constructor() { this.init(); }
            init() {
                this.segments = [];
                let startX = Math.random() * canvas.width;
                let startY = 0;
                let segmentCount = Math.floor(Math.random() * 10) + 10;
                for(let i=0; i<segmentCount; i++) {
                    let endX = startX + (Math.random() * 70 - 35);
                    let endY = startY + (Math.random() * 40 + 20);
                    this.segments.push({x1: startX, y1: startY, x2: endX, y2: endY});
                    startX = endX;
                    startY = endY;
                }
                this.life = 8; 
            }
            draw() {
                ctx.beginPath();
                ctx.strokeStyle = '#e0f2fe';
                ctx.lineWidth = 1.5;
                ctx.shadowBlur = 15;
                ctx.shadowColor = '#00ffff';
                ctx.globalAlpha = this.life / 8;
                this.segments.forEach(s => {
                    ctx.moveTo(s.x1, s.y1);
                    ctx.lineTo(s.x2, s.y2);
                });
                ctx.stroke();
                ctx.shadowBlur = 0;
                this.life--;
            }
        }

        function init() {
            drops = [];
            const count = Math.floor(canvas.width / 2.5); 
            for (let i = 0; i < count; i++) { drops.push(new Drop()); }
        }

        function triggerLightning() {
            if (Math.random() < 0.005) { 
                lightning = new Lightning();
                document.body.classList.add('lightning-flash');
                setTimeout(() => {
                    document.body.classList.remove('lightning-flash');
                }, 60);
            }
        }

        function animate() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drops.forEach(drop => { drop.update(); drop.draw(); });
            if (lightning) {
                lightning.draw();
                if (lightning.life <= 0) lightning = null;
            }
            triggerLightning();
            requestAnimationFrame(animate);
        }

        window.addEventListener('resize', () => { resize(); init(); });
        window.onload = () => { resize(); init(); animate(); };
    </script>
</body>
</html>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">19405</post-id>	</item>
	</channel>
</rss>
