/* global React */
// ============================================================
// FootnotesSection — notas al pie legales / aclaratorias.
//
// Va DESPUÉS del <Footer/>, al mero final de la página. Replica la
// estructura de las "disclaimers" de Mercury (mercury.com): un divisor
// y una lista numerada en letra pequeña, donde cada número corresponde
// a un superíndice <Fn n={x}/> que aparece a lo largo de la landing.
//
// Numeración (coincide con los superíndices del sitio):
//   1 Pagos/transferencias el mismo día (varios medios de pago)
//   2 Comisiones transparentes / sin comisiones ocultas
//   3 Cobertura +150 países (+70 el mismo día)
//   4 Tipo de cambio
//   5 Ejemplo de $100,000 MXN
//   6 Onboarding < 24 horas
//   7 Supervisado por la CNBV y FinCEN (fintech, no banco)
//   8 Volumen global (dato interno)
//
// ⚠️ TEXTO LEGAL EN BORRADOR — pendiente de revisión por el equipo
// legal/compliance de Meefi.
// ============================================================

const FOOTNOTES = [
  { n: 1, text: "Pagos y transferencias el mismo día: los tiempos de acreditación dependen del riel de pago utilizado. Según el país y la divisa, Meefi opera SPEI® en México; FedNow (RTP), ACH del mismo día, ACH del día siguiente y wire en Estados Unidos; y SEPA, GBP Faster Payments, PIX, transferencia bancaria en COP y en ARS a nivel internacional. Cada riel opera bajo sus propios horarios y días hábiles; el SPEI opera las 24 horas los 365 días del año. La acreditación el mismo día está sujeta a los horarios de corte de cada riel o institución, a los días hábiles, a las validaciones de prevención de lavado de dinero (PLD/KYC) y a la correcta captura de los datos del beneficiario. Los rieles disponibles pueden variar sin previo aviso." },
  { n: 2, text: "Comisiones transparentes: todas las comisiones aplicables se informan antes de confirmar cada operación, conforme a la Ley para la Transparencia y Ordenamiento de los Servicios Financieros y a las disposiciones de la CONDUSEF. En operaciones con divisas puede aplicar un diferencial cambiario (spread)." },
  { n: 3, text: "Cobertura en más de 150 países y en más de 70 países el mismo día: la disponibilidad de países, divisas y métodos de pago se ofrece a través de nuestra red de aliados regulados y puede variar según la jurisdicción, la divisa y los requisitos regulatorios aplicables en cada momento. Las cifras son referenciales y pueden cambiar sin previo aviso." },
  { n: 4, text: "Tipo de cambio: los tipos de cambio mostrados son referenciales y con fines informativos; no constituyen una oferta en firme. El tipo de cambio final se determina al momento de ejecutar la operación y puede variar respecto al mostrado. No corresponde al tipo de cambio oficial (FIX) publicado por el Banco de México." },
  { n: 5, text: "Ejemplo de $100,000 MXN: cifra ilustrativa usada únicamente para ejemplificar el funcionamiento del producto. Los montos, comisiones y tipos de cambio reales dependen de cada operación, del perfil del cliente y de las condiciones vigentes al momento de la transacción." },
  { n: 6, text: "Onboarding en menos de 24 horas: tiempo promedio de activación de cuenta con base en datos internos de Meefi. El alta está sujeta a la validación de identidad y a los procesos de prevención de lavado de dinero (PLD/KYC) exigidos por la normatividad aplicable, por lo que el tiempo real puede variar en cada caso." },
  { n: 7, text: "Supervisado por la CNBV y la FinCEN: Meefi es una plataforma tecnológica financiera; no es una entidad bancaria ni capta recursos del público por cuenta propia. En México, los servicios financieros se prestan a través de Opciones Empresariales del Noreste, S.A. de C.V., S.F.P., Sociedad Financiera Popular autorizada, regulada y supervisada por la Comisión Nacional Bancaria y de Valores (CNBV) conforme a la Ley de Ahorro y Crédito Popular. En Estados Unidos, los servicios se ofrecen a través de instituciones reguladas registradas ante la Financial Crimes Enforcement Network (FinCEN)." },
  { n: 8, text: "Volumen global: monto total acumulado operado a través de Meefi de forma histórica, con base en datos internos a julio de 2026. La cifra se actualiza periódicamente y puede variar." },
];

function FootnotesSection() {
  return (
    <section className="fnotes" aria-label="Notas y aclaraciones legales">
      <div className="wrap">
        <span className="fnotes-label">Notas y aclaraciones</span>
        <ol className="fnotes-list">
          {FOOTNOTES.map((f) => (
            <li className="fnotes-item" key={f.n}>
              <sup className="fnotes-num">{f.n}</sup>
              <span className="fnotes-text">{f.text}</span>
            </li>
          ))}
        </ol>
      </div>
      <style>{FNOTES_CSS}</style>
    </section>
  );
}

const FNOTES_CSS = `
/* Banda clara al final, separada del footer por un divisor sutil. */
.fnotes{ background:var(--bg-1); border-top:1px solid var(--line-soft);
  padding:40px 0 72px; }
.fnotes-label{ display:block; font-size:11px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--fg-3); margin-bottom:20px; }
.fnotes-list{ list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:11px; max-width:900px; }
.fnotes-item{ position:relative; padding-left:22px;
  font-size:11.5px; line-height:1.65; color:var(--fg-3); }
.fnotes-num{ position:absolute; left:0; top:1px;
  font-size:10px; font-weight:700; color:var(--accent); line-height:1; }
.fnotes-text{ }

@media (max-width:680px){
  .fnotes{ padding:32px 0 56px; }
  .fnotes-item{ font-size:11px; }
}
`;

window.FootnotesSection = FootnotesSection;