// Legal — Página dedicada de Términos y Condiciones, Privacidad y Confidencialidad.
// Se abre como vista propia (setView('legal')). Texto base para revisión legal.

const LEGAL_SECTIONS = [
  { id: 'l-intro',     n: '00', t: 'Identificación y aceptación' },
  { id: 'l-objeto',    n: '01', t: 'Objeto y naturaleza del servicio' },
  { id: 'l-propiedad', n: '02', t: 'Propiedad intelectual de las taxonomías' },
  { id: 'l-licencia',  n: '03', t: 'Licencia de uso de la herramienta' },
  { id: 'l-usuario',   n: '04', t: 'Responsabilidad del usuario y uso clínico' },
  { id: 'l-paciente',  n: '05', t: 'Datos del paciente y confidencialidad' },
  { id: 'l-privacidad',n: '06', t: 'Privacidad y datos personales' },
  { id: 'l-datos-uso', n: '07', t: 'Uso de la información, mejora y publicidad' },
  { id: 'l-subs',      n: '08', t: 'Suscripciones, pagos y procesamiento (Stripe)' },
  { id: 'l-disp',      n: '09', t: 'Disponibilidad y cambios del servicio' },
  { id: 'l-limita',    n: '10', t: 'Limitación de responsabilidad' },
  { id: 'l-ley',       n: '11', t: 'Legislación aplicable' },
  { id: 'l-contacto',  n: '12', t: 'Contacto' },
];

const LegalPage = ({ setView, acceptance, onAccept, onDecline }) => {
  const jump = (id) => {
    const el = document.getElementById(id);
    if (!el) return;
    const y = el.getBoundingClientRect().top + window.scrollY - 96;
    window.scrollTo({ top: y, behavior: 'smooth' });
  };

  React.useEffect(() => { window.scrollTo({ top: 0 }); }, []);

  return (
    <main className={'legal-page fade-in' + (acceptance ? ' has-accept-bar' : '')} data-screen-label="Legal — Términos y Condiciones">
      <div className="legal-hero">
        <div className="container">
          <button className="legal-back" onClick={() => { if (acceptance) { onDecline?.(); } else { setView('landing'); window.scrollTo({ top: 0 }); } }}>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
            {acceptance ? 'Volver a crear cuenta' : 'Volver al inicio'}
          </button>
          <div className="legal-eyebrow">Marco legal · Cynamonurs</div>
          <h1 className="legal-title">Términos y Condiciones</h1>
          <p className="legal-sub">
            Última actualización: junio de 2026. Aplican a la versión web de Cynamonurs. Te recomendamos leerlos con atención antes de utilizar la herramienta.
          </p>
        </div>
      </div>

      <div className="container legal-layout">
        <aside className="legal-index">
          <div className="legal-index-title">Contenido</div>
          <ul>
            {LEGAL_SECTIONS.map(s => (
              <li key={s.id}><a onClick={() => jump(s.id)}><span className="mono">{s.n}</span> {s.t}</a></li>
            ))}
          </ul>
        </aside>

        <article className="legal-body">
          <div className="legal-callout">
            <strong>Aviso.</strong> El presente documento describe el funcionamiento real de Cynamonurs y constituye
            una base contractual redactada para la Plataforma. No sustituye la asesoría jurídica profesional; se
            recomienda que un abogado lo revise y lo adapte antes del lanzamiento comercial.
          </div>

          <section id="l-intro" className="legal-sec">
            <h2><span className="mono">00</span> Identificación y aceptación</h2>
            <p>
              Cynamonurs (en adelante, «la Plataforma», «la herramienta» o «el servicio») es un proyecto creado y
              operado por <strong>Salvador Canela</strong> (en adelante, «el Titular»), con domicilio en
              <strong> Chetumal, Quintana Roo, México</strong>, y correo electrónico de contacto
              <strong> {window.CONTACTO?.email || 'cynamonurs@gmail.com'}</strong>.
            </p>
            <p>
              El acceso y la utilización de la Plataforma implican la aceptación plena y sin reservas de los presentes
              Términos y Condiciones por parte de toda persona que la utilice (en adelante, «el Usuario»). Si el Usuario
              no estuviera de acuerdo con alguna de sus cláusulas, deberá abstenerse de acceder a la Plataforma y de
              utilizarla.
            </p>
          </section>

          <section id="l-objeto" className="legal-sec">
            <h2><span className="mono">01</span> Objeto y naturaleza del servicio</h2>
            <p>
              Cynamonurs es una <strong>herramienta de organización de información</strong>. Su finalidad es recopilar,
              codificar, clasificar y relacionar entre sí los datos de las tres taxonomías de enfermería que el propio
              Usuario carga en el sistema, con el objeto de facilitar su consulta y la elaboración de planes de cuidado.
            </p>
            <p>
              La Plataforma <strong>no genera contenido clínico propio</strong> ni emite recomendaciones médicas o de
              enfermería. Su naturaleza es estrictamente organizativa y de apoyo a la consulta profesional. En
              consecuencia, todo resultado que la herramienta muestre deberá ser verificado por el Usuario conforme a su
              criterio clínico.
            </p>
          </section>

          <section id="l-propiedad" className="legal-sec">
            <h2><span className="mono">02</span> Propiedad intelectual de las taxonomías</h2>
            <p>
              Las clasificaciones de diagnósticos, objetivos e intervenciones de enfermería, así como sus definiciones,
              códigos y estructura, son <strong>propiedad intelectual de sus respectivos editores y titulares de los
              derechos de autor</strong>. El Titular reconoce y respeta plenamente dichos derechos.
            </p>
            <ul>
              <li>
                La Plataforma <strong>no distribuye, no redistribuye, no vende ni comercializa</strong> el contenido de
                las taxonomías, ni obtiene lucro alguno derivado de dicha bibliografía.
              </li>
              <li>
                Es el <strong>Usuario</strong> quien aporta —carga— los documentos u obras a los que tiene acceso
                legítimo. La herramienta se limita a transformarlos y organizarlos para su lectura personal.
              </li>
              <li>
                El Usuario declara contar con una <strong>copia o licencia legítima</strong> de las obras que utiliza y
                es el único responsable del origen y de la legalidad de los materiales que carga.
              </li>
              <li>
                El contenido aportado por el Usuario no se publica ni se comparte con terceros.
              </li>
            </ul>
            <p>
              El uso del servicio no transfiere al Usuario derecho alguno sobre dichas obras, ni al Titular sobre los
              materiales que el Usuario aporte.
            </p>
            <p className="legal-subh"><strong>Ediciones soportadas.</strong></p>
            <p>
              La Plataforma está diseñada para organizar la información conforme a las siguientes ediciones de cada
              taxonomía:
            </p>
            <ul>
              <li><strong>{window.EDITIONS?.nanda.sigla}:</strong> {window.EDITIONS?.nanda.nombre} — {window.EDITIONS?.nanda.edicion}.</li>
              <li><strong>{window.EDITIONS?.noc.sigla}:</strong> {window.EDITIONS?.noc.nombre} — {window.EDITIONS?.noc.edicion}.</li>
              <li><strong>{window.EDITIONS?.nic.sigla}:</strong> {window.EDITIONS?.nic.nombre} — {window.EDITIONS?.nic.edicion}.</li>
            </ul>
            <p>
              El Usuario es responsable de utilizar ediciones legítimas y vigentes conforme a su contexto profesional.
              La compatibilidad con otras ediciones podrá variar.
            </p>
          </section>

          <section id="l-licencia" className="legal-sec">
            <h2><span className="mono">03</span> Licencia de uso de la herramienta</h2>
            <p>
              El Titular concede al Usuario una licencia de uso personal, limitada, revocable, intransferible y no
              exclusiva sobre la Plataforma, sujeta al cumplimiento de los presentes Términos y Condiciones. La marca
              <strong> «Cynamonurs»</strong>, su denominación, logotipo, mascota e interfaz son propiedad del Titular y no
              podrán reproducirse, total o parcialmente, sin su autorización previa y por escrito.
            </p>
            <p>
              Queda expresamente prohibido: revender o ceder el acceso a la Plataforma; realizar ingeniería inversa con
              fines de copia o reproducción; automatizar el uso para la extracción masiva de datos; y emplear la
              herramienta para distribuir contenido protegido a terceros.
            </p>
          </section>

          <section id="l-usuario" className="legal-sec">
            <h2><span className="mono">04</span> Responsabilidad del usuario y uso clínico</h2>
            <p>
              Cynamonurs es una herramienta de apoyo a la organización y, en ningún caso, sustituye el juicio
              profesional, la valoración directa del paciente ni la formación del personal de enfermería.
            </p>
            <ul>
              <li>
                Toda decisión clínica, así como la selección y aplicación de cualquier diagnóstico, objetivo o
                intervención, es <strong>responsabilidad exclusiva del profesional</strong> que la ejecuta.
              </li>
              <li>
                El Usuario es responsable de verificar la información conforme a un <strong>criterio clínico
                adecuado</strong> y de cumplir con la normativa sanitaria, las guías institucionales y la legislación en
                materia de salud que resulten aplicables en su jurisdicción y centro de trabajo.
              </li>
              <li>
                El Usuario se compromete a utilizar la Plataforma de forma ética, lícita y dentro de su ámbito de
                competencia profesional.
              </li>
            </ul>
          </section>

          <section id="l-paciente" className="legal-sec">
            <h2><span className="mono">05</span> Datos del paciente y confidencialidad</h2>
            <p>
              Cynamonurs está diseñada para <strong>no almacenar datos identificables del paciente</strong>. La
              Plataforma no solicita nombres completos, números de expediente ni información alguna que permita
              identificar a una persona física.
            </p>
            <ul>
              <li>
                Para nombrar un caso únicamente se emplean las <strong>iniciales</strong> del paciente, con el fin de
                preservar el registro clínico y la confidencialidad.
              </li>
              <li>
                El Usuario se obliga a <strong>no introducir datos personales, sensibles o identificables</strong> de
                pacientes en los campos de texto libre. En caso de hacerlo, asumirá la responsabilidad exclusiva
                derivada de dicha conducta.
              </li>
              <li>
                Esta práctica busca alinearse con los principios de <strong>confidencialidad y secreto
                profesional</strong> que rigen el ejercicio de la enfermería.
              </li>
            </ul>
          </section>

          <section id="l-privacidad" className="legal-sec">
            <h2><span className="mono">06</span> Privacidad y datos personales</h2>
            <p>
              Para la creación de una cuenta, la Plataforma podrá solicitar determinados datos del Usuario —como su
              nombre y su correo electrónico— con la finalidad de identificar la suscripción y brindar soporte. Dichos
              datos se tratarán conforme a la <strong>Ley Federal de Protección de Datos Personales en Posesión de los
              Particulares</strong> y demás normativa aplicable en México.
            </p>
            <ul>
              <li>El Titular no vende ni comparte los datos personales del Usuario con terceros con fines comerciales.</li>
              <li>El Usuario podrá ejercer en todo momento sus derechos de acceso, rectificación, cancelación y oposición (derechos ARCO) mediante solicitud dirigida al correo de contacto.</li>
              <li>Los proveedores de pago y de infraestructura tratarán únicamente los datos estrictamente necesarios para la prestación del servicio.</li>
            </ul>
          </section>

          <section id="l-datos-uso" className="legal-sec">
            <h2><span className="mono">07</span> Uso de la información, mejora y publicidad</h2>
            <p>
              Con la finalidad de operar, mantener y mejorar de forma continua la Plataforma, el Titular podrá
              recopilar y tratar determinada información relativa al uso del servicio. Dicha información comprende, de
              manera enunciativa mas no limitativa, datos técnicos y de interacción —como el tipo de dispositivo, el
              sistema operativo, el navegador, las secciones y funciones consultadas, y la frecuencia y duración de
              uso, así como métricas de rendimiento y diagnóstico—. Esta información no incluye, en ningún caso, datos
              que permitan identificar a un paciente.
            </p>
            <p>El Titular podrá emplear dicha información, entre otras finalidades, para:</p>
            <ul>
              <li>analizar tendencias de uso y comprender la forma en que los Usuarios interactúan con la herramienta;</li>
              <li>corregir errores, optimizar el rendimiento y desarrollar nuevas funciones;</li>
              <li>personalizar la experiencia y ofrecer el contenido más relevante para cada Usuario.</li>
            </ul>
            <p>
              Asimismo, en los planes sostenidos mediante publicidad, el Titular y sus socios publicitarios podrán
              utilizar información de uso e identificadores asociados al dispositivo para seleccionar, mostrar y medir
              anuncios que puedan resultar de mayor interés para el Usuario (publicidad basada en intereses). Para ello
              podrán emplearse tecnologías como cookies, identificadores de publicidad y herramientas de medición de
              terceros, quienes tratarán dichos datos conforme a sus propias políticas de privacidad.
            </p>
            <p>
              El Usuario podrá gestionar o limitar la publicidad personalizada desde la configuración de su dispositivo
              o navegador, sin que ello afecte el acceso a las funciones del plan contratado. La contratación de un plan
              de pago sin publicidad (Basic o PRO) suspende la exhibición de anuncios dentro de la Plataforma. Al
              utilizar el servicio, el Usuario reconoce y acepta el tratamiento de su información en los términos aquí
              descritos.
            </p>
          </section>

          <section id="l-subs" className="legal-sec">
            <h2><span className="mono">08</span> Suscripciones, pagos y procesamiento (Stripe)</h2>
            <p>
              A través de <strong>CynamonSup</strong>, Cynamonurs ofrece distintos planes de acceso:
            </p>
            <ul>
              <li><strong>Free:</strong> gratuito, sostenido mediante publicidad y sujeto a límites diarios de uso.</li>
              <li><strong>Basic:</strong> de pago, sin publicidad y con límites de uso ampliados.</li>
              <li><strong>PRO:</strong> de pago, con uso ilimitado y soporte prioritario.</li>
            </ul>
            <p>
              Los precios, los límites y las características descritas tienen carácter de referencia y podrán
              modificarse antes o durante la operación del servicio, notificándolo al Usuario de manera razonable. Las
              suscripciones de pago se cobrarán de forma recurrente y podrán cancelarse en cualquier momento desde la
              cuenta del Usuario. Salvo disposición legal en contrario, los periodos ya pagados no serán reembolsables.
              El plan gratuito podrá mostrar publicidad de terceros.
            </p>
            <p className="legal-subh"><strong>Procesamiento de pagos a través de Stripe.</strong></p>
            <p>
              El cobro y la administración de las suscripciones mensuales se realizan mediante <strong>Stripe</strong>,
              un proveedor de servicios de pago externo. Cynamonurs no recibe, no procesa ni almacena en sus servidores
              los datos completos de las tarjetas u otros medios de pago del Usuario; dicha información es recopilada y
              tratada directamente por Stripe a través de sus entornos seguros.
            </p>
            <p>
              Para contratar o renovar un plan de pago, el Usuario será <strong>redirigido al entorno de pago de
              Stripe</strong>, donde completará la transacción. Una vez que Stripe confirme el pago, la suscripción
              correspondiente se <strong>activará automáticamente</strong> en la cuenta del Usuario.
            </p>
            <p>
              El uso del servicio de pago implica la aceptación de los términos y políticas de Stripe. De manera
              resumida, el Usuario reconoce que: (i) Stripe actúa como procesador de pagos independiente; (ii) el
              tratamiento de los datos de pago se rige por la política de privacidad y los acuerdos de Stripe; (iii) los
              cobros recurrentes se efectuarán de forma automática conforme al plan elegido, hasta su cancelación; y
              (iv) cualquier incidencia en el procesamiento del pago podrá estar sujeta a los procedimientos y plazos de
              Stripe. El Usuario puede consultar dichos términos en los sitios oficiales de Stripe
              (<strong>stripe.com</strong>).
            </p>
          </section>

          <section id="l-disp" className="legal-sec">
            <h2><span className="mono">09</span> Disponibilidad y cambios del servicio</h2>
            <p>
              El Titular adopta medidas razonables para mantener disponible la Plataforma; no obstante, no garantiza un
              funcionamiento ininterrumpido ni libre de errores. El Titular podrá actualizar, suspender o descontinuar
              funciones —o la totalidad del servicio— por motivos técnicos, legales o de mantenimiento. Próximamente se
              ofrecerán aplicaciones para Android e iOS, las cuales quedarán sujetas a los presentes Términos y
              Condiciones, con los ajustes que en su caso correspondan.
            </p>
          </section>

          <section id="l-limita" className="legal-sec">
            <h2><span className="mono">10</span> Limitación de responsabilidad</h2>
            <p>
              En la máxima medida permitida por la legislación aplicable, el Titular no será responsable por los daños o
              perjuicios, directos o indirectos, que pudieran derivarse de: (i) las decisiones clínicas adoptadas con
              apoyo de la herramienta; (ii) el uso de los materiales cargados por el Usuario; (iii) la introducción
              indebida de datos de pacientes; o (iv) las interrupciones del servicio. La Plataforma se proporciona
              <strong> «tal cual»</strong> y según disponibilidad, como apoyo organizativo y sin garantía de idoneidad
              para un fin clínico específico.
            </p>
          </section>

          <section id="l-ley" className="legal-sec">
            <h2><span className="mono">11</span> Legislación aplicable</h2>
            <p>
              Los presentes Términos y Condiciones se rigen por la legislación vigente en los <strong>Estados Unidos
              Mexicanos</strong>. Para su interpretación y cumplimiento, así como para la resolución de cualquier
              controversia, las partes se someten expresamente a la jurisdicción de los tribunales competentes de la
              ciudad de <strong>Chetumal, Quintana Roo</strong>, renunciando a cualquier otro fuero que pudiera
              corresponderles por razón de su domicilio presente o futuro.
            </p>
          </section>

          <section id="l-contacto" className="legal-sec">
            <h2><span className="mono">12</span> Contacto</h2>
            <p>
              Para cualquier duda, aclaración, ejercicio de derechos o reporte relacionado con los presentes Términos y
              Condiciones, el Usuario podrá escribir al correo electrónico
              <strong> {window.CONTACTO?.email || 'cynamonurs@gmail.com'}</strong>. El Titular atenderá las solicitudes
              en un plazo razonable.
            </p>
            <button className="btn-primary" style={{ marginTop: 10 }} onClick={() => { setView('landing'); window.scrollTo({ top: 0 }); }}>
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"/></svg>
              Volver al inicio
            </button>
          </section>
        </article>
      </div>

      {acceptance && (
        <div className="legal-accept-bar">
          <div className="container legal-accept-inner">
            <div className="legal-accept-text">
              Para crear tu cuenta en Cynamonurs debes leer y aceptar estos Términos y Condiciones.
            </div>
            <div className="legal-accept-actions">
              <button className="btn-secondary" onClick={() => onDecline?.()}>No acepto</button>
              <button className="btn-primary" onClick={() => onAccept?.()}>
                Acepto y crear cuenta
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"><path d="M5 13l4 4L19 7"/></svg>
              </button>
            </div>
          </div>
        </div>
      )}
    </main>
  );
};

Object.assign(window, { LegalPage, LEGAL_SECTIONS });