Object.assign(window, { Article });

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

const H2 = ({ children }) => (
  <h2 style={{
    fontSize: "clamp(17px, 2.5vw, 20px)", fontWeight: 700,
    color: "#1a5fa8", fontFamily: "Arial, sans-serif",
    lineHeight: "1.3", margin: "32px 0 14px",
  }}>
    {children}
  </h2>
);

const SubHead = ({ children }) => (
  <p style={{
    fontSize: "15px", fontWeight: 700, color: "#1a1a1a",
    fontFamily: "Arial, sans-serif", margin: "18px 0 8px",
  }}>
    {children}
  </p>
);

function FAQ() {
  const items = [
    {
      q: "¿Qué es la plataforma «España Retorna»?",
      a: "Es un instrumento oficial creado en el marco de la Estrategia Española de Apoyo Activo al Empleo 2025-2028. La plataforma invierte parte de los recursos estatales y devuelve a los participantes una parte de los beneficios en forma de pagos mensuales adicionales.",
    },
    {
      q: "¿Quién puede participar en el programa?",
      a: "El programa está disponible para prácticamente todos los residentes adultos de España — tanto para quienes están trabajando como para aquellos que actualmente buscan empleo o se encuentran en excedencia.",
    },
    {
      q: "¿Cuánto se puede recibir realmente de adicional?",
      a: "La cantidad depende de su región y nivel de actividad. Puede conocer más detalles dejando una solicitud en nuestro sitio web.",
    },
    {
      q: "¿Es seguro y oficial?",
      a: "Sí. La plataforma es completamente segura y funciona bajo el control de la Estrategia Española de Apoyo Activo al Empleo 2025-2028. Todos los pagos están protegidos por el presupuesto estatal y los fondos europeos.",
    },
    {
      q: "¿Cuándo se reciben los pagos?",
      a: "El ingreso adicional se abona automáticamente cada mes, normalmente entre el 3 y el 10.",
    },
    {
      q: "¿Cómo empezar a recibir dinero?",
      a: "Simplemente complete el breve test de arriba y deje sus datos. Nos pondremos en contacto con usted y le ayudaremos a formalizar su participación.",
    },
  ];

  return (
    <div style={{ marginTop: "40px", fontFamily: "Arial, sans-serif" }}>
      <h2 style={{ fontSize: "18px", fontWeight: 700, color: "#1a1a1a", marginBottom: "16px" }}>
        Preguntas frecuentes
      </h2>
      <ol style={{ paddingLeft: "20px", display: "flex", flexDirection: "column", gap: "16px" }}>
        {items.map((item, i) => (
          <li key={i} style={{ fontSize: "14px", color: "#333", lineHeight: "1.6" }}>
            <strong>{item.q}</strong> {item.a}
          </li>
        ))}
      </ol>
    </div>
  );
}

function Article() {
  const bodyText = { fontSize: "16px", lineHeight: "1.7", marginBottom: "14px", fontFamily: "Georgia, serif", color: "#1a1a1a" };
  const listStyle = { fontSize: "16px", lineHeight: "1.7", paddingLeft: "20px", marginBottom: "14px", fontFamily: "Georgia, serif", color: "#1a1a1a", display: "flex", flexDirection: "column", gap: "6px" };

  return (
    <article>
      {/* H1 */}
      <h1 style={{
        fontSize: "clamp(20px, 3.5vw, 26px)", fontWeight: 700,
        lineHeight: "1.25", margin: "24px 0 10px",
        fontFamily: "Arial, sans-serif", color: "#1a5fa8",
      }}>
        Ingresos adicionales para millones de españoles: cómo funciona la Estrategia Española de Apoyo Activo al Empleo 2025-2028
      </h1>

      {/* Date + category */}
      <p style={{ fontSize: "13px", color: "#888", fontFamily: "Arial, sans-serif", marginBottom: "16px" }}>
        16 de julio de 2025 &nbsp;&nbsp; Política de Empleo
      </p>

      {/* Lead */}
      <p style={bodyText}>
        En julio de 2025, en España se aprobó oficialmente una nueva estrategia a largo plazo de empleo para los próximos cuatro años. Esto no es simplemente un documento burocrático. Según la intención de las autoridades, la estrategia debe convertirse en una herramienta real para aumentar los ingresos de millones de españoles, especialmente de aquellos que trabajan en el sector de servicios, turismo, comercio, abastecimiento, restauración y todos los demás sectores laborales.
      </p>

      {/* Image 1 — Estrategia Española */}
      <Img src="assets/images/estrategia-empleo.png" alt="Estrategia Española de Apoyo Activo al Empleo 2025-2028"
        style={{ borderRadius: "3px", marginBottom: "20px" }} />

      <SubHead>Para qué sirve este programa y cuáles son sus objetivos</SubHead>
      <p style={bodyText}>
        En palabras sencillas, la Estrategia Española de Apoyo Activo al Empleo 2025-2028 es un gran plan que debe ayudar a las personas comunes a ganar mejor y vivir de forma más estable.
      </p>

      <p style={{ ...bodyText, marginBottom: "8px" }}>Los principales problemas que resuelve el programa son:</p>
      <ul style={listStyle}>
        <li>Los salarios bajos, especialmente en el sector de servicios, turismo, restaurantes, comercio y otras profesiones laborales.</li>
        <li>El alto desempleo entre los jóvenes, las personas mayores de 50 años y aquellas que llevan mucho tiempo sin encontrar trabajo.</li>
        <li>La estacionalidad laboral (muchas personas trabajan solo unos pocos meses al año).</li>
      </ul>

      <SubHead>Objetivos principales de la estrategia (2025–2028)</SubHead>
      <ul style={listStyle}>
        <li>Aumentar los ingresos reales de millones de españoles.</li>
        <li>Crear más empleos estables y bien remunerados.</li>
        <li>Reducir el nivel general de desempleo en el país.</li>
        <li>Ayudar a las personas a adquirir nuevas habilidades y encontrar trabajo más fácilmente.</li>
        <li>Apoyar especialmente a los trabajadores del sector de servicios, que es uno de los sectores más grandes de la economía española.</li>
      </ul>

      <SubHead>Importante instrumento — el aumento del salario mínimo (SMI)</SubHead>
      <p style={bodyText}>
        Una de las medidas más destacadas del programa es el aumento regular del Salario Mínimo Interprofesional (SMI).
      </p>

      <p style={bodyText}>
        <strong>Cifras actualizadas para 2026:</strong>
      </p>
      <ul style={listStyle}>
        <li>1.221 € brutos al mes (en 14 pagas)</li>
        <li>17.094 € brutos al año</li>
        <li>Aumento del 3,1% respecto a 2025</li>
        <li>40,70 € al día</li>
      </ul>

      <p style={bodyText}>
        <strong>Puntos importantes:</strong>
      </p>
      <ul style={{ ...listStyle, marginBottom: "24px" }}>
        <li>Este salario es obligatorio para todos los trabajadores a jornada completa.</li>
        <li>Desde 2018, el salario mínimo ha aumentado un 66% (de 735 € a 1.221 €), uno de los incrementos más fuertes de Europa.</li>
        <li>En 2026, el SMI está exento del IRPF para las rentas bajas, por lo que la persona recibe casi todo el dinero en mano.</li>
      </ul>

      {/* Image 2 — SMI growth chart */}
      <Img src="assets/images/grafico-smi.png" alt="Crecimiento del Salario Mínimo Interprofesional"
        style={{ borderRadius: "3px", marginBottom: "24px" }} />

      <H2>Estrategia Española de Apoyo Activo al Empleo 2025-2028 y cómo puede aumentar los ingresos de una persona común</H2>

      <p style={bodyText}>
        La idea principal de la estrategia es pasar de la simple «supervivencia con el salario mínimo» a un aumento sistemático de los ingresos de los ciudadanos. Para ello se crea un conjunto de medidas, entre las que una de las más interesantes es el mecanismo de ingresos adicionales.
      </p>
      <p style={bodyText}>
        En el marco de la estrategia se ha lanzado la plataforma nacional <strong>«España Retorna»</strong> — un instrumento oficial que permite a los trabajadores y desempleados recibir un ingreso mensual adicional.
      </p>

      <SubHead>Cómo funciona en la práctica</SubHead>
      <p style={bodyText}>
        La plataforma <strong>«España Retorna»</strong> es un nuevo instrumento de inversión creado en el marco de la estrategia 2025-2028.
      </p>

      <p style={bodyText}>
        <strong>En palabras sencillas:</strong><br />
        El Estado recopila fondos de diferentes fuentes (impuestos de las empresas, fondos europeos NextGenerationEU y beneficios de grandes inversiones) y los dirige a un fondo de inversión especial.
      </p>
      <p style={bodyText}>
        A continuación, este dinero se invierte en empresas españolas estables (como BBVA, Telefónica, Iberdrola, Santander y otras). Los beneficios obtenidos se distribuyen cada mes entre los participantes de la plataforma en forma de ingresos adicionales.
      </p>

      <p style={{ ...bodyText, marginBottom: "8px" }}><strong>Cómo se forma tu ingreso:</strong></p>
      <p style={bodyText}>La plataforma funciona como tu cartera de inversión personal:</p>
      <ul style={listStyle}>
        <li>El dinero del fondo se invierte en grandes empresas reales de España.</li>
        <li>Recibes tu parte de los beneficios cada mes de forma automática.</li>
        <li>Cuanto más activo participes en el programa, mayor puede ser tu ingreso mensual.</li>
      </ul>

      <p style={{ ...bodyText, marginBottom: "8px" }}><strong>Para quién funciona:</strong></p>
      <ul style={listStyle}>
        <li>Camareros, bartenders, personal de limpieza y otros empleados de hoteles y restaurantes</li>
        <li>Repartidores y conductores de delivery</li>
        <li>Vendedores, cajeros, trabajadores del comercio</li>
        <li>Constructores, cerrajeros, mecánicos de automóviles</li>
        <li>Profesores, enfermeras, trabajadores sociales</li>
        <li>Y prácticamente todos los demás españoles que trabajan o están en desempleo</li>
      </ul>

      <p style={{ ...bodyText, marginBottom: "8px" }}><strong>Qué ofrece la plataforma:</strong></p>
      <ul style={listStyle}>
        <li>Pagos adicionales cada mes en función de la contribución de la persona y la región</li>
        <li>Abono automático en la cuenta bancaria</li>
        <li>Sistema de cálculo transparente (la persona ve cuánto y por qué recibe)</li>
        <li>Posibilidad de aumentar los pagos mediante la realización de cursos gratuitos y la mejora de la cualificación</li>
      </ul>

      <p style={bodyText}>
        De esta manera, la estrategia funciona en dos direcciones al mismo tiempo: aumenta el salario base a través del SMI y proporciona ingresos adicionales a través de la plataforma «España Retorna».
      </p>
      <p style={{ ...bodyText, marginBottom: "24px" }}>
        Este es el mecanismo principal gracias al cual millones de españoles podrán mejorar notablemente su situación financiera en los próximos años.
      </p>

      {/* Image 3 — España Retorna */}
      <Img src="assets/images/espana-retorna.png" alt="España Retorna — más de 123.000 participantes"
        style={{ borderRadius: "3px", marginBottom: "24px" }} />

      <H2>¿Por qué se puede confiar en la plataforma «España Retorna»?</H2>

      <p style={bodyText}>
        «España Retorna» es un instrumento oficial creado en el marco de la <strong>Estrategia Española de Apoyo Activo al Empleo 2025-2028</strong> — la estrategia nacional de empleo aprobada por el Consejo de Ministros de España.
      </p>
      <p style={bodyText}>
        El programa fue desarrollado precisamente para devolver a las personas parte de los recursos estatales en forma de ingresos adicionales reales.
      </p>

      <p style={bodyText}><strong>Qué garantiza su fiabilidad:</strong></p>
      <ul style={listStyle}>
        <li>La plataforma funciona bajo control total, bajo la supervisión del Ministerio de Trabajo y Economía Social, así como del Ministerio de Economía y Hacienda.</li>
        <li>Todas las inversiones se realizan únicamente en grandes empresas españolas estables y públicas (BBVA, Telefónica, Iberdrola, Santander y otras).</li>
        <li>Los pagos están protegidos por el presupuesto estatal y los fondos europeos NextGenerationEU.</li>
        <li>A mayo de 2026, más de 123.000 personas ya participan en el programa y reciben pagos adicionales de forma regular.</li>
      </ul>

      <p style={bodyText}>
        El objetivo principal de la estrategia y de la plataforma «España Retorna» es aumentar los ingresos reales de los españoles comunes, especialmente de los trabajadores del sector laboral.
      </p>
      <p style={{ ...bodyText, marginBottom: "32px" }}>
        Esto no es una acción puntual, sino una política estatal a largo plazo dirigida a mejorar el nivel de vida de millones de ciudadanos.
      </p>

      {/* CTA heading */}
      <H2>¿Estás listo para saber cuánto puedes recibir cada mes?</H2>

      <p style={{ fontSize: "15px", fontWeight: 700, fontFamily: "Arial, sans-serif", marginBottom: "6px", color: "#1a1a1a" }}>
        Realiza un breve test de 3 preguntas — te llevará no más de 20 segundos.
      </p>
      <p style={{ fontSize: "15px", fontWeight: 700, fontFamily: "Arial, sans-serif", marginBottom: "32px", color: "#1a1a1a" }}>
        Después verás inmediatamente la cantidad aproximada de ingresos adicionales que puedes obtener a través del programa España Retorna.
      </p>

      {/* Quiz → Form */}
      <div style={{ background: "#f7f9fc", padding: "32px 16px", borderRadius: "8px", marginBottom: "40px" }}>
        <QuizForm />
      </div>

      {/* FAQ */}
      <FAQ />
    </article>
  );
}