// 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: SE PUBLICAN LAS PRIMERAS GRABACIONES DE AUDIO DE LA ESPOSA DEL PRESIDENTE
      </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 Pedro Sánchez" />
      </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 debía quedar entre bastidores, ahora lo escucharon millones de españoles.
      </p>

      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
        Ayer, por orden del juez Peinado, se hicieron públicas las primeras grabaciones de audio dentro de la causa penal. En ellas, según la investigación, la esposa del presidente del Gobierno, <strong>Begoña Gómez</strong> , habla de esquemas para desviar millones de euros de fondos públicos al fondo <strong>Horizon Ltd</strong>.
      </p>

      <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
        Hoy, en el programa <strong>«Lo de Évole»</strong>, Jordi Évole invitó al estudio al presidente del Gobierno, <strong>Pedro Sánchez</strong>.
      </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> Señor presidente, gracias por venir al programa en un momento tan complicado para usted. Estos últimos días en España no se habla de otra cosa que de las grabaciones publicadas. ¿Cómo se siente en esta situación?
              </p>
              <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
                <strong>Pedro Sánchez:</strong> Jordi, estoy indignado. Esto es un nuevo intento de la oposición de desestabilizar el país a través de mi familia.
              </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 Pedro Sánchez" />
          </div>

          {/* ─── DIALOGUE — PART 1 ─── */}
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Jordi Évole:</strong> Señor presidente, gracias por venir al programa en un momento tan complicado para usted. Estos últimos días en España no se habla de otra cosa que de las grabaciones publicadas. ¿Cómo se siente en esta situación?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Pedro Sánchez:</strong> Jordi, estoy indignado. Esto es un nuevo intento de la oposición de desestabilizar el país a través de mi familia.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Jordi Évole:</strong> Entonces vayamos directamente al grano. Ayer, por orden del juez Peinado, se publicaron las primeras grabaciones de audio de la causa penal. ¿Podemos escucharlas ahora mismo?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Pedro Sánchez:</strong> (tenso) Si usted cree que es necesario…
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
            <strong>Jordi Évole:</strong> Escuchemos. La primera grabación es una conversación entre «El Cuervo» (un ministro de su Gobierno) y «Contable» (el nombre en clave de su esposa).
          </p>

          {/* ─── RECORDING TRANSCRIPT ─── */}
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>El Cuervo (ministro):</strong> Contable, han llegado 1,8 millones del puerto de Barcelona con la financiación europea. ¿Cuánto es nuestra comisión, como siempre?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Contable (Begoña Gómez):</strong> El 12 %, como siempre.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>El Cuervo:</strong> Bien. Hay que repartir el 12 %. ¿Lo hacemos en Horizon, como siempre?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
            <strong>Contable:</strong> Si. Tienen cuentas completamente separadas, nadie ve nada. Transfiere 1,4 millones directamente a Horizon Ltd. Tu porcentaje ya lo sabes, está ahí. En uno o dos meses vas a sacar mucho más de lo que metiste. Ahora mismo está dando un porcentaje muy bueno.
          </p>

          {/* 2 — Photo: El Cuervo + Contable + Sánchez reaction */}
          <div style={{ width: "100%", marginBottom: 22, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-phone.png" alt="El Cuervo (Óscar Puente) y Contable (Begoña Gómez)" />
          </div>

          {/* ─── RECORDING TRANSCRIPT — CONTINUED ─── */}
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>El Cuervo:</strong> ¿Y la comisión?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Contable:</strong> La comisión es mínima, casi cero para los nuestros, ya lo sabes. El dinero entra limpio, se multiplica y se saca sin problemas. El próximo tramo en dos semanas, te paso los nuevos datos.
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 22 }}>
            <strong>Contable:</strong> Perfecto. Todo como siempre.<br />(fin de la grabación)
          </p>

          {/* 3 — Sánchez abandona el plató */}
          <div style={{ width: "100%", marginBottom: 22, borderRadius: 2, overflow: "hidden" }}>
            <Img src="assets/images/interview-exit.png" alt="Pedro Sánchez abandona el estudio" />
          </div>

          {/* ─── DIALOGUE — PART 2 ─── */}
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Jordi Évole:</strong> Señor presidente, ¿sabía usted de la existencia de Horizon Ltd., que gestiona la plataforma Horizon AI? ¿Es cierto que esta plataforma se asocia con su esposa y que funcionaba como un fondo opaco para multiplicar ocultamente el dinero de la élite?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Pedro Sánchez:</strong> (con brusquedad y emoción) ¡Esto es una falsificación total! ¡Mi esposa no tiene nada que ver con esto! ¡Defiendo a mi familia!
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Jordi Évole:</strong> Pero en las grabaciones se habla claramente de transferir el 12 % de comisión sobre 1,8 millones de euros de financiación del puerto y de la posterior multiplicación de capital a través de Horizon Ltd. ¿De verdad no sabía usted nada de esto?
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 14 }}>
            <strong>Pedro Sánchez:</strong> (levantando la voz) ¡No voy a seguir comentando estas provocaciones! ¡Esto es un ataque político!<br />(El presidente se levanta y abandona el estudio antes de tiempo)
          </p>
          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 28 }}>
            <strong>Jordi Évole:</strong> (mirando a cámara con calma) Se ha marchado. Pero las grabaciones se han quedado.
          </p>

          <hr style={{ border: "none", borderTop: "1px solid #ddd", marginBottom: 28 }} />

          <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" }}>
                ¿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>
            </div>
          </div>

          <p className="art-body" style={{ fontFamily: "'Times New Roman', serif", color: "#202020", marginBottom: 24 }}>
            <strong>Importante:</strong> La plataforma solo está disponible para residentes en España. Debido al enorme interés tras los últimos acontecimientos, el número de plazas nuevas es estrictamente limitado. El registro podría cerrarse en los próximos días.
          </p>

          <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 deberian 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-scene.png" alt="Jordi Évole y Pedro Sánchez" />
          </div>

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

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