De la “reunión informal” a la reforma en Sol: las fechas clave en la compra del ático para el Gobierno de Ayuso 2026

/* ===== VARIABLES DE MARCA (tócalas solo aquí) =====
Se declaran también en .cd-horizontal-timeline porque la barra
inferior se inserta fuera de .cd-container y, si no, no heredaría
ni el color de marca ni la tipografía. */
.cd-container,
.cd-horizontal-timeline {
–cd-color: #005695; /* azul de marca */
–cd-text: #4a4a4a; /* texto de titulares */
–cd-muted: #9b9b9b; /* texto secundario */
–cd-video: #d0021b; /* etiqueta VÍDEO */
–cd-radius: 6px; /* radio de las tarjetas */
–cd-font: ‘Encode Sans’, sans-serif;
}

.cd-container {
font-family: var(–cd-font);
font-size: 100%;
}

/* Reset encapsulado (NO se escapa al resto de la página) */
.cd-container *,
.cd-container *::before,
.cd-container *::after {
box-sizing: border-box;
}

.cd-container a {
color: #acb7c0;
text-decoration: none !important;
border: none !important;
font-family: var(–cd-font);
}

.cd-container a:hover {
opacity: 0.7 !important;
text-decoration: none !important;
}

.cd-container h2 {
margin: 0;
font-family: var(–cd-font);
font-weight: 700;
}

.cd-container::after {
content: “;
display: table;
clear: both;
}

/* ===== Eje vertical ===== */
#cd-timeline {
position: relative;
padding: 2em 0;
margin: 2em 0;
}

#cd-timeline::before {
content: “;
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 3px;
background-color: var(–cd-color);
}

.cd-timeline-block {
position: relative;
margin: 2em 0;
}

.cd-timeline-block::after {
content: „“;
display: table;
clear: both;
}

.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }

.cd-timeline-img {
position: absolute;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(–cd-color);
box-shadow: 0 0 1px 1px rgba(153, 153, 153, 0.3);
border: solid 4px #ffffff;
top: calc(50% – 9px);
left: 8px;
}

/* ===== Tarjeta de evento ===== */
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: #fff;
padding: 1em;
border-radius: var(–cd-radius);
box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.1);
}

.cd-timeline-content::after {
content: „“;
display: table;
clear: both;
}

/* Pico de la tarjeta: triángulo blanco pegado al borde de la ficha. */
.cd-timeline-content::before {
content: “;
position: absolute;
top: calc(50% – 10px);
right: 100%;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 8px solid #fff;
}

.cd-timeline-content h2 {
color: var(–cd-text);
font-size: 22px;
text-align: left;
}

.cd-timeline-content p {
font-size: 16px;
color: var(–cd-muted);
margin: 0 0 4px;
line-height: 1.6;
text-align: left;
}

.cd-img {
margin-bottom: 12px;
max-height: 300px;
width: 100%;
object-fit: contain;
border-radius: 4px;
}

/* ===== Fecha + titular (bloque ÚNICO, sin duplicar) ===== */
.cd-timeline-content .cd-date {
display: block;
width: 100%;
text-align: left;
margin-bottom: 10px;
}

.cd-timeline-content .cd-date-color {
display: block;
font-size: 16px;
font-weight: 700;
color: var(–cd-color);
margin-bottom: 4px;
}

.cd-time {
display: block;
font-size: 14px;
color: var(–cd-color);
font-weight: 600;
margin-bottom: 8px;
}

/* ===== Etiqueta e iframe de vídeo ===== */
.cd-video-indicator {
display: block;
font-size: 14px;
color: var(–cd-video);
font-weight: 400;
margin-bottom: 8px;
text-align: left;
}

.cd-video-container {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 12px;
border-radius: 4px;
overflow: hidden;
background-color: #000;
}

.cd-video-container iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border: 0;
}

/* Placeholder de vídeo (accesible: es un ) */
.cd-video-placeholder {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: #000;
cursor: pointer;
overflow: hidden;
}

.cd-video-placeholder img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.cd-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 45px;
height: 45px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}

.cd-video-placeholder:hover .cd-play-btn,
.cd-video-placeholder:focus-visible .cd-play-btn {
background: rgba(0, 0, 0, 0.7);
}

.cd-video-placeholder:focus-visible {
outline: 3px solid var(–cd-color);
outline-offset: -3px;
}

.cd-play-tri {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 14px solid rgba(255, 255, 255, 0.9);
margin-left: 3px;
}

/* ===== „Leer más“ ===== */
.cd-timeline-content .cd-read-more {
display: inline-block;
float: right;
padding: .8em 0;
color: var(–cd-color);
font-weight: 700;
font-size: 16px;
}

.cd-timeline-content .cd-read-more img {
width: 13px;
vertical-align: middle;
}

/* ===== Barra horizontal de navegación (flotante) ===== */
/* La barra se inserta fuera de .cd-container, así que necesita su
propio reset de box-sizing para que el padding no la desborde. */
.cd-horizontal-timeline,
.cd-horizontal-timeline * {
box-sizing: border-box;
}

.cd-horizontal-timeline {
position: sticky;
bottom: 10px;
background: #fff;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
padding: 10px 30px;
border-radius: 30px;
z-index: 999;
border: 1px solid rgba(0, 86, 149, 0.12);
transition: opacity 0.4s ease, visibility 0.4s ease;
opacity: 0;
visibility: hidden;
width: 100%;
max-width: 100%;
}

.cd-horizontal-timeline.visible {
opacity: 1;
visibility: visible;
}

.cd-timeline-nav {
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
width: 100%;
padding: 0 40px;
}

.cd-timeline-line {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: rgba(0, 0, 0, 0.15);
transform: translateY(-50%);
z-index: 1;
}

.cd-timeline-nav-item {
position: relative;
z-index: 2;
cursor: pointer;
transition: all 0.3s ease;
flex: 0 0 auto;
display: flex;
justify-content: center;
}

.cd-timeline-nav-dot {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #fff;
border: 1.5px solid var(–cd-color);
transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Puntos ya recorridos: se rellenan de azul */
.cd-timeline-nav-item.passed .cd-timeline-nav-dot {
background-color: var(–cd-color);
}

.cd-timeline-nav-item:hover .cd-timeline-nav-dot {
transform: scale(1.4);
background-color: var(–cd-color);
}

.cd-timeline-nav-item.active .cd-timeline-nav-dot {
background-color: var(–cd-color);
transform: scale(1.5);
}

/* ===== Animaciones de aparición (ahora SÍ funcionan) ===== */
.cd-timeline-img.is-hidden,
.cd-timeline-content.is-hidden { visibility: hidden; }

.cd-timeline-img.bounce-in {
visibility: visible;
animation: cd-bounce-1 0.6s;
}
.cd-timeline-content.bounce-in {
visibility: visible;
animation: cd-bounce-2 0.6s;
}

@keyframes cd-bounce-1 {
0% { opacity: 0; transform: scale(0.5); }
60% { opacity: 1; transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes cd-bounce-2 {
0% { opacity: 0; transform: translateX(-100px); }
60% { opacity: 1; transform: translateX(20px); }
100% { transform: translateX(0); }
}
@keyframes cd-bounce-2-inverse {
0% { opacity: 0; transform: translateX(100px); }
60% { opacity: 1; transform: translateX(-20px); }
100% { transform: translateX(0); }
}

/* ===== Responsive ===== */
@media only screen and (max-width: 1400px) {
.cd-timeline-nav-dot { width: 10px; height: 10px; }
.cd-timeline-nav-item:hover .cd-timeline-nav-dot { transform: scale(1.3); }
.cd-timeline-nav-item.active .cd-timeline-nav-dot { transform: scale(1.4); }
}

@media only screen and (max-width: 600px) {
.cd-horizontal-timeline { padding: 8px 10px; border-radius: 22px; bottom: 20px; }
.cd-timeline-nav { padding: 0 6px; }
/* Zona de toque más amplia que la bola visible, para acertar mejor */
.cd-timeline-nav-item { padding: 9px 3px; }
.cd-timeline-nav-dot { width: 12px; height: 12px; border-width: 1.5px; }
.cd-timeline-nav-item.active .cd-timeline-nav-dot {
transform: scale(1.4);
}
}

@media only screen and (min-width: 975px) {
#cd-timeline { margin: 3em 0; }
#cd-timeline::before { left: 50%; margin-left: -2px; }
.cd-timeline-block { margin: 2em 0; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }

.cd-timeline-img {
left: calc(50% – 3px);
top: calc(50% – 9px);
margin-left: -9px;
}

.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 46%;
}

.cd-timeline-content::before {
top: calc(50% – 10px);
left: 100%;
right: auto;
border: 10px solid transparent;
border-left: 8px solid #fff;
}

.cd-timeline-content .cd-read-more { float: left; }

/* La fecha+titular se mueve a la columna lateral en escritorio */
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 116%;
top: calc(50% – 30px);
margin-bottom: 0;
text-align: left;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content h2 { text-align: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: calc(50% – 10px);
left: auto;
right: 100%;
border: 10px solid transparent;
border-right: 8px solid #fff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 116%;
text-align: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
animation: cd-bounce-2-inverse 0.6s;
}
}

/* Respeta la preferencia de „movimiento reducido“ */
@media (prefers-reduced-motion: reduce) {
.cd-timeline-img.is-hidden,
.cd-timeline-content.is-hidden { visibility: visible; }
.cd-timeline-img.bounce-in,
.cd-timeline-content.bounce-in { animation: none; }
}

enero de 2026

La inmobiliaria pone en venta un lujoso ático en Chamberí

Promora, la inmobiliaria de La Moraleja, pone en venta un lujoso ático en el barrio madrileño de Chamberí por 6,6 millones de euros, en la calle General Martínez Campos. El 31 de enero, suben a sus redes sociales un vídeo para promocionarlo por el que se conocen los detalles de su interior: 485 metros cuadrados de los cuales casi 200 corresponden con una terraza, cinco habitaciones y entrada independiente para el servicio.
La casa se encuentra, además, enfrente de la vivienda familiar de Ayuso, en la que actualmente vive su madre.
Según ha revelado El País, el Gobierno autonómico trasladó a la inmobiliaria que buscaba un inmueble „entre 250 y 400 metros y gran terraza“. No se precisó que tenía que poder albergar oficinas o despachos.

Leer más

8 de abril de 2026

La reunión „informal“

Alberto Núñez Feijóo afirmó el pasado fin de semana que sabía que se iban a hacer unas obras en la Real Casa de Correos, sede del Gobierno autonómico, a través de una reunión “informal” con el equipo de la presidenta. Ese día Feijóo y y su ‘número dos’, Miguel Tellado, se reunieron en Sol con Ayuso y su Gobierno para un „desayuno de trabajo“. En ese encuentro se explicó también que se buscaba un emplazamiento temporal para la presidenta por las reformas. Desde el PP no aclaran quién dio esta información

Leer más

14 de abril de 2026

La compra del ático

Ese día, la empresa pública Planifica Madrid, adscrita a la Consejería de Presidencia, compra el ático por 6,3 millones de euros, según confirma posteriormente la propia Comunidad de Madrid. Aunque no han trascendido muchos más detalles, sí se sabe que para la compra se exigió confidencialidad antes incluso de la visita del inmueble.
Por ahora, el Ejecutivo regional no ha facilitado el expediente de compra ni ha indicado quiénes estuvieron presentes en esa firma. En la web de Planifica Madrid se recoge para ese día una „firma notaria“ a las 14.00 horas, aunque sin más datos.

Leer más

2 de junio de 2026

La memoria del proyecto de reformas en Sol

La memoria de justificación del proyecto de reformas en Sol tiene como fecha de firma el 2 de junio. El objetivo de las reformas, según indican en el pliego publicado este 7 de agosto, es “modernizar y adecuar a la arquitectura singular del edificio la imagen institucional”. El presupuesto base de la licitación es de casi 60.000 euros adjudicados a la empresa Pombo Estudio S.L., propiedad de Alejandra Pombo, prima de la influencer y empresaria María Pombo.
Las zonas a intervenir, según detallan en el portal de contratación, son “los patios interiores de la planta baja, la escalera principal de acceso a la segunda planta y el ala norte de esta planta donde se encuentran la zona Presidencial, el Salón Institucional, el Salón Canalejas y la Sala de Consejo de Gobierno”.

Leer más

29 de julio de 2026

Publicación de la compra del ático en prensa

El País publica que la Comunidad de Madrid compró un ático de 485 metros para que la presidenta lo usara para „reuniones“ debido a las obras. En ese momento, se indicó que los trabajos de reformas en Sol comenzarían „en agosto“.
Sin embargo, todavía no se sabía cuánto había costado a la Comunidad de Madrid.
Posteriormente, se supo que el ático no podía ser oficina por la normativa del Ayuntamiento de Madrid, que impide convertir en una dotación pública un noveno piso de un edificio residencial en ese barrio de Chamberí. Solo podría albergar un despacho profesional como complemento a una vivienda habitual.

Leer más

29 de julio de 2026

La primera comparecencia de Ayuso: „Es una campaña de desprestigio“

VÍDEO

Solo unas horas después de la primera publicación, la presidenta responde a preguntas de la prensa tras una comparecencia centrada en las actuaciones por los incendios de la Sierra Oeste de Madrid. “No es mi casa, no es para mí, yo no me he comprado nada”, insiste y asegura que se trata de „una campaña de desprestigio“.
“No sé si me quedaré en la Consejería de Presidencia o en la de Transportes, que es muy grande, y es el consejero el que se va para allá”, dijo durante la rueda de prensa.
También aseguró que „se compran y se venden inmuebles“ y que de esa compra sabía que era „reciente“.

Leer más

30 de julio de 2026

El Gobierno de Ayuso rectifica

Solo un día después de la publicación en prensa y tres meses después de la compra, el Gobierno de la Comunidad de Madrid recula y comunica que venderá el ático.
El anuncio lo hace Miguel Ángel García Martín, portavoz del Ejecutivo regional, consejero de Presidencia y presidente de Planifica Madrid, durante una visita a la Sierra Oeste. Ahí asegura que el importe obtenido por esa venta y la de otro inmueble irá destinado a sufragar parte de las ayudas aprobadas por los fuegos.

Leer más

2 de agosto de 2026

Ayuso reaparece pero no da explicaciones sobre el ático

La presidenta reaparece el domingo con una rueda de prensa en la que habla de los incendios y acusa a Marruecos de intentar „quitar“ Ceuta y Melilla: „Ceuta es una prueba para la siguiente“, dijo sobre la entrada de miles de personas este verano.
Le preguntaron si tenía previsto dar más información o mostrar el expediente de compra y respondió: “Está en venta este inmueble y hemos puesto otros cuatro que están en Gran Vía. Con esos 22 millones vamos a reforzar la reconstrucción en la Sierra Oeste”.

Leer más

5 de agosto de 2026

Ayuso asegura que “lo mejor desde el primer minuto es venderlo” y señala a su consejero

VÍDEO

Ayuso vuelve a intervenir en rueda de prensa y asegura que „todo aquello que ahora mismo no es necesario se pone a la venta“. „Lo mejor es desde el primer minuto dejarlo ahí, venderlo y aprovechar tanto ese recurso como el de los inmuebles de Gran Vía para destinarlo en este momento a una necesidad como es esta. Creo que no se entendería que se gastara o se empleara en otra cuestión“.
Ahí, la presidenta autonómica señala a su consejero de Presidencia: „Les tengo que remitir a la Consejería de Presidencia porque es quien tiene no solo la información detallada, sino los canales de comunicación a tal efecto“.
Ayuso niega que el ático fuese destinado a uso personal: „Sería muy poco inteligente“.

Leer más

6 de agosto de 2026

El consejero señalado por Ayuso: „Lo que no se dice es que Madrid no tiene residencia oficial“

Miguel Ángel García Martín da otra rueda de prensa en otro pueblo afectado por los incendios y la prensa le pregunta sobre el ático después de que Ayuso señalara hacia Presidencia. Ahí explica que Planifica Madrid se dedica a la „gestión de los inmuebles“ y que en ese momento „se vio la posibilidad“ de adquirir el ático para destinarlo a las „necesidades“ que pueda tener el Gobierno autonómico.
“Lo que no se dice es que Madrid no tiene una residencia oficial para la presidenta, que sí la tienen muchos presidentes autonómicos y sí la tienen muchos ministros”, añadió.
Lo que no dijo entonces y que se ha conocido este miércoles es que el Gobierno autonómico trasladó a la inmobiliaria que buscaba un inmueble con características concretas: „Entre 250 y 400 metros y gran terraza“.

Leer más

7 de agosto de 2026

La Comunidad pone a la venta el ático de lujo por 6,7 millones y adjudica el diseño de la reforma de Sol

La Comunidad de Madrid publica en la web de contratación pública el anuncio de venta del ático por casi 6,7 millones de euros, además de otro inmueble en Gran Vía, que vende por 11,8 millones de euros y que llevaba tiempo intentando enajenar.
El documento está firmado por Pedro Corbalán Ruiz, el actual consejero delegado de Planifica Madrid.
Además, también publican casi al mismo tiempo la adjudicación por casi 60.000 euros del diseño de la reforma de la sede en Sol.

Leer más

10 de agosto de 2026

La Fiscalía envía cuatro denuncias a un juzgado de Madrid

La Fiscalía Provincial de Madrid remite a un juzgado de Madrid cuatro denuncias presentadas en las últimas semanas en relación con la operación. El teniente fiscal José Luis García-Juanes ordena el archivo de las diligencias “preprocesales” abiertas en el Ministerio Público al constatar que esos hechos “están siendo ya objeto de investigación judicial”.

Leer más

13 de agosto de 2026

Ayuso reduce sus apariciones públicas

La presidenta reduce a lo largo de toda esa semana sus apariciones públicas, después de que el lunes 10 de agosto ofreciera una intervención de siete minutos sin preguntas, en la que habló sobre la reconstrucción pero también sobre la gestión de la crisis en Ceuta.
Su actividad se centra cada vez más en redes sociales, desde donde carga contra el Gobierno central.

Leer más

17 de agosto de 2026

Ayuso: „No voy a necesitar una residencia oficial a 10 meses de las elecciones“

VÍDEO

Ayuso ofrece otra nueva rueda de prensa y confirma que considera que ha dado explicaciones suficientes sobre el ático. „Cada vez que vuelven de vacaciones, vuelven con el mismo argumentario“, afeó a los periodistas.
La líder madrileña aseguró entonces que en estos años no había „necesitado“ ni „pedido“ una residencia oficial. No la voy a necesitar a 10 meses de unas elecciones”, dijo.
Esa semana el PP también daba por zanjado el tema, asegurando que Ayuso había „dado todas las explicaciones“.

Leer más

23 de agosto de 2026

La entrevista a Feijóo

VÍDEO

Cuando parecía que Ayuso podía ya pasar página de la polémica del ático, Alberto Núñez Feijóo reabrió el capítulo con una entrevista a Europa Press. En ella, reconocía que desde abril sabía que se iba a buscar un sitio „temporal“ por las obras en Sol y aseguraba que „Patrimonio de la Comunidad de Madrid tendrá que explicar por qué compró un ático que no se puede destinar a oficina“.

Leer más

24 de agosto de 2026

El „chao pescao“ de Ayuso

VÍDEO

Ante las declaraciones de Feijóo, la presidenta rechaza aclarar el contexto de esa „reunión informal“ con el líder del PP y espeta el ya famoso „está en venta, chao pescao“, con el que intenta zanjar definitivamente el escándalo.
Además, Ayuso aseguró en su intervención que se trata de un “inmueble destinado a oficinas que además puede albergar despachos”, a pesar de la normativa del Ayuntamiento.

Leer más

25 de agosto de 2026

El consejero portavoz pide comparecer en la Asamblea a petición propia

Tras las semanas de revuelo, Miguel Ángel García Martín pide comparecer en la Asamblea de Vallecas a petición propia para hablar sobre la “gestión patrimonial de la empresa pública Planifica Madrid”.

Leer más

(function () {
var timeline = document.getElementById(‘cd-timeline’);
if (!timeline) return;

var blocks = [].slice.call(timeline.querySelectorAll(‘.cd-timeline-block’));
if (!blocks.length) return;

// IDs estables por evento
blocks.forEach(function (block, i) { block.id = ‘evento-‘ + (i + 1); });

/* –––- 1. Animaciones de aparición (IntersectionObserver) –––- */
var reduceMotion = window.matchMedia && window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches;

if (!reduceMotion && ‘IntersectionObserver’ in window) {
blocks.forEach(function (block) {
block.querySelector(‘.cd-timeline-img’).classList.add(‘is-hidden’);
block.querySelector(‘.cd-timeline-content’).classList.add(‘is-hidden’);
});

var revealObserver = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (!entry.isIntersecting) return;
var block = entry.target;
var img = block.querySelector(‘.cd-timeline-img’);
var content = block.querySelector(‘.cd-timeline-content’);
img.classList.remove(‘is-hidden’);
img.classList.add(‘bounce-in’);
content.classList.remove(‘is-hidden’);
content.classList.add(‘bounce-in’);
revealObserver.unobserve(block);
});
}, { threshold: 0.2, rootMargin: ‘0px 0px -10% 0px’ });

blocks.forEach(function (block) { revealObserver.observe(block); });
}

/* –––- 2. Barra horizontal de navegación (solo puntos) –––- */
// Agrupa eventos por día (un punto por fecha)
var dayGroups = {}; // datePart -> id de evento
var dayOrder = []; // datePart en orden de aparición

blocks.forEach(function (block) {
var dateEl = block.querySelector(‘.cd-date-color’);
var fullDate = dateEl ? dateEl.textContent.trim() : “;
var datePart = fullDate.split(‘ a las ‘)[0];
if (datePart && !dayGroups[datePart]) {
dayGroups[datePart] = block.id;
dayOrder.push(datePart);
}
// Cada bloque apunta al punto de su día
block.setAttribute(‘data-day’, datePart);
});

if (dayOrder.length) {
var bar = document.createElement(‘div’);
bar.className = ‘cd-horizontal-timeline’;
var nav = document.createElement(‘div’);
nav.className = ‘cd-timeline-nav’;
var line = document.createElement(‘div’);
line.className = ‘cd-timeline-line’;
nav.appendChild(line);
bar.appendChild(nav);

dayOrder.forEach(function (datePart) {
var item = document.createElement(‘div’);
item.className = ‘cd-timeline-nav-item’;
item.setAttribute(‘data-target’, dayGroups[datePart]);
item.innerHTML = ‘

‘;
nav.appendChild(item);
});

timeline.parentNode.insertBefore(bar, timeline.nextSibling);

// Click en un punto: scroll suave al evento
nav.addEventListener(‘click’, function (e) {
var item = e.target.closest ? e.target.closest(‘.cd-timeline-nav-item’) : null;
if (!item) return;
var target = document.getElementById(item.getAttribute(‘data-target’));
if (!target) return;
var top = target.getBoundingClientRect().top + window.pageYOffset – 100;
window.scrollTo({ top: top, behavior: reduceMotion ? ‘auto’ : ‘smooth’ });
});

// Estado activo + visibilidad según scroll
var navItems = [].slice.call(nav.querySelectorAll(‘.cd-timeline-nav-item’));

// Línea de referencia: 130px por debajo del borde superior del viewport.
// El bloque activo es el último cuyo inicio ya ha cruzado esa línea.
var REFERENCE = 130;

function updateOnScroll() {
var firstRect = blocks[0].getBoundingClientRect();
var lastRect = blocks[blocks.length – 1].getBoundingClientRect();

// Mostrar la barra solo mientras la cronología está en pantalla.
if (lastRect.bottom window.innerHeight) {
bar.classList.remove(‘visible’);
return;
}
bar.classList.add(‘visible’);

// Recorremos en orden y nos quedamos con el último bloque cuyo
// borde superior ya está por encima de la línea de referencia.
var activeBlock = blocks[0];
for (var i = 0; i < blocks.length; i++) {
if (blocks[i].getBoundingClientRect().top = 0 && i <= activeIndex);
});
}

window.addEventListener('scroll', updateOnScroll, { passive: true });

updateOnScroll();
}

/* –––- 3. Carga diferida de vídeos Dailymotion –––- */
[].forEach.call(timeline.querySelectorAll('.cd-video-container'), function (container) {
var iframe = container.querySelector('iframe');
if (!iframe) return;

var src = iframe.getAttribute('src') || '';
if (src.indexOf('dailymotion.com') === -1) return;

var title = iframe.getAttribute('title') || 'Vídeo';
var match = src.match(/video=([a-zA-Z0-9]+)/);
var videoId = match ? match[1] : '';

iframe.parentNode.removeChild(iframe);

var placeholder = document.createElement('button');
placeholder.type = 'button';
placeholder.className = 'cd-video-placeholder';
placeholder.setAttribute('aria-label', 'Reproducir vídeo: ' + title);

var thumb = '';
if (videoId) {
thumb = '‘;
}
placeholder.innerHTML = thumb + ‘‘;
container.appendChild(placeholder);

placeholder.addEventListener(‘click’, function () {
var playSrc = src
.replace(/autoplay=[^&]*/g, ‘autoplay=true’)
.replace(/mute=[^&]*/g, ‘mute=0’);

var player = document.createElement(‘iframe’);
player.setAttribute(‘frameborder’, ‘0’);
player.setAttribute(‘allowfullscreen’, “);
player.setAttribute(‘allow’, ‘autoplay; fullscreen’);
player.setAttribute(‘title’, title);
player.src = playSrc;

placeholder.parentNode.removeChild(placeholder);
container.appendChild(player);
});
});
})();