// Article.jsx

Object.assign(window, { Article });

function Article({ onHorizonAIClick }) {
  const [showFull, setShowFull] = React.useState(false);

  const handleUnlock = () => {
    setShowFull(true);
    setTimeout(() => {
      const el = document.getElementById("unlocked-content");
      if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
    }, 80);
  };

  const HAI = ({ children }) => (
    <a href="#" onClick={e => { e.preventDefault(); onHorizonAIClick && onHorizonAIClick(); }}
      style={{ color: "#1a73e8", textDecoration: "none", fontWeight: 600 }}>
      {children || "Horizon AI"}
    </a>
  );

  const Img = ({ src, alt, style }) => (
    <img src={src} alt={alt}
      style={{ width: "100%", height: "auto", display: "block", ...style }} />
  );

  return (
    <article style={{ width: "100%", fontFamily: "'Times New Roman', serif" }}>

      {/* Section label */}
      <div style={{ marginBottom: 10 }}>
        <span style={{ fontFamily: "Arial, sans-serif", fontSize: 12, fontWeight: 700, color: "#222", textTransform: "uppercase", letterSpacing: 0.6 }}>
          ECONOMÍA
        </span>
      </div>

      {/* Headline */}
      <h1 className="art-h1" style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, color: "#111", lineHeight: 1.18, marginBottom: 14 }}>
        ESCÁNDALO DEL AÑO EN ESPAÑA: Acusan a la mujer de Pedro Sánchez de corrupción. ¿Qué intentaba ocultar?
      </h1>

      {/* Share bar */}
      <div style={{ display: "flex", alignItems: "center", gap: 14, marginBottom: 16, paddingBottom: 12, borderBottom: "1px solid #ebebeb" }}>
        <div style={{ display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }}>
          <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#555" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/>
            <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
          </svg>
        </div>
        <div style={{ display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }}>
          <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#555" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
          </svg>
          <span style={{ fontFamily: "Arial, sans-serif", fontSize: 13, color: "#555" }}>247 comentarios</span>
        </div>
      </div>

      {/* Hero image */}
      <div style={{ width: "100%", marginBottom: 16, borderRadius: 2, overflow: "hidden" }}>
        <Img src="assets/images/interview-1.png" alt="Jordi Évole entrevista a Begoña Gómez" />
      </div>

      {/* Author */}
      <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 4 }}>
        <img src="assets/images/author-ana-pastor.png" alt="Ana Pastor"
          style={{ width: 40, height: 40, borderRadius: "50%", objectFit: "cover", flexShrink: 0, display: "block" }} />
        <div>
          <div style={{ fontFamily: "Arial, sans-serif", fontWeight: 700, fontSize: 14, color: "#111" }}>Ana Pastor</div>
          <div style={{ fontFamily: "Arial, sans-serif", fontSize: 12, color: "#777" }}>Madrid</div>
        </div>
      </div>
      <div style={{ fontFamily: "Arial, sans-serif", fontSize: 12, color: "#aaa", marginBottom: 22 }}>
        Actualizado Sábado, 1 Mayo 2026 - 00:08
      </div>

      {/* Lead */}
      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, color: "#111", marginBottom: 16 }}>
        Lo que iba a ser una entrevista tranquila se convirtió en una bomba explosiva.
      </p>

      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
        Cuando el periodista le hizo a Begoña Gómez, esposa del actual presidente del Gobierno de España, Pedro Sánchez, una pregunta incómoda sobre sus conexiones empresariales, el ambiente en el estudio cambió en cuestión de segundos. Lo que sucedió después intentaron borrarlo rápidamente del aire.
      </p>

      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
        Pero la verdad ya había salido a la luz.
      </p>

      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
        Mientras millones de españoles luchan por llegar a fin de mes entre la inflación y la crisis, la esposa del hombre más poderoso del país, según la investigación, había conseguido construir un sistema que le generaba millones de euros.
      </p>

      {/* Transcript heading */}
      <h2 style={{ fontFamily: "'Times New Roman', serif", fontWeight: 800, fontSize: 16, color: "#111", textTransform: "uppercase", marginBottom: 18, letterSpacing: 0.3 }}>
        TRANSCRIPCIÓN DEL DIÁLOGO QUE LA SEXTA EMITIÓ SIN CORTES:
      </h2>

      {/* ─── GATED SECTION ─── */}
      {!showFull ? (
        <>
          <div style={{ position: "relative", overflow: "hidden" }}>
            <div style={{ filter: "blur(5px)", userSelect: "none", pointerEvents: "none" }}>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
                <strong>Jordi Évole:</strong> Pues empecemos por la verdad que aparece en el sumario del juez Peinado. Según los documentos del juzgado, entre 2022 y 2025 más de 4,2 millones de euros procedentes de contratos públicos y subvenciones acabaron en empresas vinculadas a usted.
              </p>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
                <strong>Gómez:</strong> Eso es una interpretación malintencionada…
              </p>
            </div>
            <div style={{ position: "absolute", bottom: 0, left: 0, right: 0, height: 90, background: "linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)", pointerEvents: "none" }} />
          </div>

          <div className="cta-btn-wrap">
            <button className="cta-btn" onClick={handleUnlock}>
              <svg width="14" height="14" viewBox="0 0 16 16" fill="white" style={{ flexShrink: 0 }}>
                <path d="M8 16L16 8L14.59 6.59L9 12.17V0H7V12.17L1.41 6.59L0 8L8 16Z" />
              </svg>
              Continuar leyendo GRATIS
            </button>
          </div>
        </>
      ) : (
        <div id="unlocked-content">

          {/* 1 — Interview scene: both seated, top of unlocked */}
          <div style={{ width: "100%", marginBottom: 22, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-scene.png" alt="Jordi Évole entrevista a Begoña Gómez" />
          </div>

          {/* ─── DIALOGUE ─── */}
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Jordi Évole:</strong> Begoña, gracias por venir. Imagino que estos días no están siendo fáciles.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Begoña Gómez Fernández:</strong> Alguien tiene que defender la verdad.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Évole:</strong> Pues empecemos por la verdad que aparece en el sumario del juez Peinado. Según los documentos del juzgado, entre 2022 y 2025 más de 4,2 millones de euros procedentes de contratos públicos y subvenciones acabaron en empresas vinculadas a usted. Una parte importante de ese dinero fue directamente a la empresa que desarrolló la plataforma Horizon AI. ¿Es cierto que usted era la persona que decidía quién podía invertir en esa plataforma y en qué condiciones?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Gómez:</strong> Eso es una interpretación malintencionada…
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Évole:</strong> (saca una carpeta con documentos) Malintencionada… En los autos consta que usted actuaba como "coordinadora" de los fondos. Varios empresarios y altos cargos del PSOE, entre ellos José Luis Ábalos, María Jesús Montero, Santos Cerdán y Óscar López, realizaron importantes "donaciones" a sus fundaciones y, a cambio, recibían acceso prioritario a <HAI /> con condiciones privilegiadas. ¿Era usted el "cerebro gris" de este esquema?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Gómez:</strong> No voy a contestar a especulaciones.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Évole:</strong> No son especulaciones, son transferencias bancarias y correos electrónicos que tiene el juez. Según el sumario, usted decidía quién entraba en el "círculo selecto": ministros, exministros y empresarios muy cercanos al núcleo de Moncloa. Mientras la gente normal tenía que esperar meses para invertir 250 euros, sus amigos entraban con cientos de miles y con comisiones mínimas. ¿Por qué usaron dinero público y sobornos para financiar una plataforma privada solo para la élite del PSOE?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
            <strong>Gómez:</strong> Esto es una persecución política contra mi marido.
          </p>

          {/* 2 — Évole muestra el teléfono */}
          <div style={{ width: "100%", marginBottom: 14, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-phone.png" alt="Évole muestra el teléfono a Gómez" />
          </div>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Évole:</strong> ¿Política? El juez Peinado no investiga a su marido, investiga a usted. Según los documentos, usted era quien aprobaba las listas de inversores VIP. Usted decidía quién de la élite política y empresarial podía multiplicar su dinero fácilmente gracias a Horizon AI. ¿Cuánto cobraba por incluir a una persona en esa lista?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Gómez:</strong> ¡Esto es intolerable!
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Évole:</strong> Mire, esta es Laura, enfermera de Málaga. Tuvo que esperar cuatro meses para entrar con 250 euros. En cambio, según el sumario, varios altos cargos como Ábalos, Montero y otros cercanos a Moncloa entraron en cuestión de días con cantidades mucho mayores. ¿Por qué unos españoles pueden enriquecerse fácilmente y otros no, Begoña?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
            <strong>Gómez:</strong> No tengo nada más que decir.
          </p>

          {/* 3 — Begoña abandona el plató */}
          <div style={{ width: "100%", marginBottom: 22, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-exit.png" alt="Begoña Gómez abandona el plató" />
          </div>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 28 }}>
            <strong>Évole:</strong> Se ha ido. Pero los documentos se quedan. Y hoy vamos a contarles exactamente cómo funcionaba ese club privado que Begoña Gómez y su círculo dirigían desde las sombras.
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            Durante unos segundos reinó un silencio absoluto en el estudio. Y de repente, la sala explotó. La gente se ponía de pie, aplaudía y gritaba. No era solo un escándalo. Fue un momento en el que los españoles de a pie sintieron: «Ya no nos van a engañar más».
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            En ese preciso instante, millones de personas en todo el país entendieron lo principal:
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, color: "#111", marginBottom: 14 }}>
            Mientras Begoña Gómez y su círculo de poder construían una plataforma cerrada solo para los suyos, los españoles comunes lograron acceder a ella de todas formas… y empezaron a ganar dinero.
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            Tras la emisión, la redacción recibió más de <strong>12.000 mensajes</strong> en tan solo dos horas. La gente escribía entre lágrimas: «Por fin», «Nosotros también queremos esa oportunidad», «Mostradnos cómo funciona».
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            Y eso es exactamente lo que vamos a hacer.
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 28 }}>
            Aquí están tres historias reales de españoles comunes que ya han cambiado radicalmente sus vidas gracias a esa misma plataforma: <HAI>Horizon AI…</HAI>
          </p>

          {/* ─── ANDRÉS MORENO ─── */}
          <h2 style={{ fontFamily: "'Times New Roman', serif", fontWeight: 800, fontSize: 15, color: "#111", textTransform: "uppercase", marginBottom: 14, letterSpacing: 0.4 }}>
            ANDRÉS MORENO, 48 AÑOS, CONDUCTOR DE AUTOBÚS, MADRID
          </h2>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            Tras la emisión, nuestra redacción recibió más de 4.000 mensajes. Decidimos verificar las afirmaciones de Évole. Rastreamos a Miguel Sebas (45), el mecánico sevillano cuyo teléfono mostró Évole en el plató.
          </p>

          {/* 4 — Foto Andrés */}
          <div style={{ width: "100%", marginBottom: 14, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/photo-andres.png" alt="Andrés Moreno" />
          </div>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14, borderLeft: "3px solid #111", paddingLeft: 16 }}>
            «Nunca entendí nada de inversiones —cuenta Andrés—. Tenía un sueldo de 1.800 euros, un crédito grande de la vivienda y el miedo constante de no llegar a fin de mes para mis hijos. Cuando vi este escándalo, decidí intentarlo. Empecé con 250 euros, que era todo lo que podía arriesgar.»
          </p>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            En seis meses su situación cambió por completo. Pagó totalmente el crédito, le compró un coche nuevo a su esposa y, por primera vez en muchos años, se fue de vacaciones con toda la familia.
          </p>

          <p style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, fontSize: 19, color: "#111", textAlign: "center", margin: "18px 0" }}>
            «Todavía no me lo creo —confiesa—. No es un cuento. Es una oportunidad real.»
          </p>

          {/* 5 — Banco Andrés */}
          <div style={{ width: "100%", marginBottom: 28, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/bank-andres.png" alt="Extracto bancario Andrés" />
          </div>

          {/* ─── MARÍA LÓPEZ ─── */}
          <h2 style={{ fontFamily: "'Times New Roman', serif", fontWeight: 800, fontSize: 15, color: "#111", textTransform: "uppercase", marginBottom: 14, letterSpacing: 0.4 }}>
            MARÍA LÓPEZ, 34 AÑOS, MADRE SOLTERA, BARCELONA
          </h2>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            María cría a dos hijos y trabaja como camarera. Después del divorcio apenas llegaba a fin de mes.
          </p>

          {/* 6 — Foto María */}
          <div style={{ width: "100%", marginBottom: 14, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/photo-maria.png" alt="María López" />
          </div>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14, borderLeft: "3px solid #111", paddingLeft: 16 }}>
            «No tenía ahorros ni conocimientos de finanzas. Invertí 250 euros que había guardado para el cumpleaños de mi hija. Cuatro meses después ya podía pagar la guardería de los dos niños y no tener que preocuparme si alcanzaría el dinero hasta el sueldo. Ahora ya pagué todas las deudas y por primera vez en cinco años pude comprarles ropa decente y regalos.»
          </p>

          {/* 7 — Banco María */}
          <div style={{ width: "100%", marginBottom: 28, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/bank-maria.png" alt="Extracto bancario María" />
          </div>

          {/* ─── JOSÉ RAMÍREZ ─── */}
          <h2 style={{ fontFamily: "'Times New Roman', serif", fontWeight: 800, fontSize: 15, color: "#111", textTransform: "uppercase", marginBottom: 14, letterSpacing: 0.4 }}>
            JOSÉ RAMÍREZ, 62 AÑOS, JUBILADO, SEVILLA
          </h2>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14, borderLeft: "3px solid #111", paddingLeft: 16 }}>
            «Trabajé 38 años como albañil. Mi pensión es de 980 euros. El tratamiento de la espalda me quita casi la mitad. Cuando un vecino me habló de la plataforma, al principio no le creí. Pero invertí 250 euros. Ahora recibo entre 1.800 y 2.500 euros adicionales cada mes. Por primera vez en 10 años puedo ir a visitar a mi hija en Alemania sin tener que pedirle dinero.»
          </p>

          {/* 8 — Foto José */}
          <div style={{ width: "100%", marginBottom: 14, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/photo-jose.png" alt="José Ramírez" />
          </div>

          {/* ¿Por qué funciona? */}
          <h2 className="art-h2" style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, color: "#111", marginBottom: 12, marginTop: 10 }}>
            ¿Por qué funciona?
          </h2>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 12 }}>
            Según fuentes cercanas al proyecto, la clave es la plataforma <HAI /> — un sistema basado en inteligencia artificial que analiza los mercados 24 horas al día y ejecuta operaciones de forma automática.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <HAI /> cuenta con apoyo regulatorio oficial y opera a través de canales bancarios seguros de España.
          </p>

          {/* 9 — Banco José */}
          <div style={{ width: "100%", marginBottom: 28, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/bank-jose.png" alt="Extracto bancario José" />
          </div>

          {/* ─── EXPERTOS ─── */}
          <h3 style={{ fontFamily: "Arial, sans-serif", fontWeight: 800, fontSize: 12, color: "#111", textTransform: "uppercase", letterSpacing: 0.8, marginBottom: 18 }}>
            ¿QUÉ DICEN LOS EXPERTOS?
          </h3>

          {/* 10 — Avatar Montoro */}
          <div style={{ display: "flex", gap: 16, marginBottom: 20, paddingBottom: 20, borderBottom: "1px solid #eee" }}>
            <img src="assets/images/avatar-montoro.png" alt="Cristóbal Montoro"
              style={{ width: 72, height: 72, borderRadius: "50%", objectFit: "cover", flexShrink: 0, display: "block" }} />
            <div>
              <div style={{ fontFamily: "Arial, sans-serif", fontWeight: 700, fontSize: 14, color: "#111", marginBottom: 2 }}>Cristóbal Montoro</div>
              <div style={{ fontFamily: "Arial, sans-serif", fontSize: 12, color: "#777", marginBottom: 10 }}>Miembro del Partido Popular. Ministro de Economía en el Gobierno de Mariano Rajoy entre 2011 y 2018. Economista.</div>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020" }}>
                Llevo décadas en el sector financiero, y voy a ser franco: los grandes bancos utilizan estas tecnologías internamente. Pero las ocultan porque las destruyen. Cuando un ciudadano puede generar ingresos por sí mismo, ¿para qué necesita créditos al 7% o al 9%? Como ex ministro de Economía puedo decirlo: dejé de respaldar este sistema deliberadamente opaco.
              </p>
            </div>
          </div>

          {/* 11 — Avatar Salgado */}
          <div style={{ display: "flex", gap: 16, marginBottom: 26 }}>
            <img src="assets/images/avatar-salgado.png" alt="Elena Salgado"
              style={{ width: 72, height: 72, borderRadius: "50%", objectFit: "cover", flexShrink: 0, display: "block" }} />
            <div>
              <div style={{ fontFamily: "Arial, sans-serif", fontWeight: 700, fontSize: 14, color: "#111", marginBottom: 2 }}>Elena Salgado</div>
              <div style={{ fontFamily: "Arial, sans-serif", fontSize: 12, color: "#777", marginBottom: 10 }}>Economista, ingeniera y política española</div>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 10 }}>
                ¿Saben qué me sorprendió más? Gente que toda su vida temió invertir empezó de repente a ganar dinero con esta plataforma. <HAI /> eliminó la barrera principal: el miedo y la complejidad. Revisé los datos: la mayoría nunca había invertido. Ahora ganan más que su salario. Esto cambia todo. Los bancos no pueden competir con tecnología que trabaja 24/7 sin cobrar comisiones.
              </p>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020" }}>
                <strong>Importante:</strong> La plataforma solo está disponible para residentes en España. Debido al enorme interés de los últimos acontecimientos, el número de plazas nuevas es estrictamente limitado. El registro podría cerrarse en los próximos días.
              </p>
            </div>
          </div>

          <p style={{ fontFamily: "'Times New Roman', serif", fontSize: 19, color: "#333", marginBottom: 24, lineHeight: 1.65 }}>
            ¿Quieres saber cómo miles de españoles comunes, a los que el sistema ya había descartado, recibieron una oportunidad que nunca deberían haber tenido?
          </p>

          <p style={{ fontFamily: "'Times New Roman', serif", fontWeight: 700, fontSize: 20, color: "#111", textAlign: "center", marginBottom: 22, lineHeight: 1.4 }}>
            Registro gratuito. Si no ganás dinero en dos semanas, te devolvemos todo tu depósito. Sin riesgos
          </p>

          {/* 12 — Interview scene: both seated, before timer */}
          <div style={{ width: "100%", marginBottom: 22, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-bottom.png" alt="Jordi Évole entrevista a Begoña Gómez" />
          </div>

          {/* Timer + Form */}
          <UrgencyWidget />
          <RegistrationForm />

        </div>
      )}
    </article>
  );
}
