// ─── SHARED LEGAL STYLES (used by TermsScreen, PrivacyScreen, CookiesScreen) ──
const legalS = {
  page:         { minHeight: '100vh', background: '#F8F9FA', fontFamily: "'Helvetica Neue',Helvetica,Arial,sans-serif", color: '#2D3436' },
  header:       { background: '#0984e3', padding: '0 24px', height: 56, display: 'flex', alignItems: 'center', position: 'sticky', top: 0, zIndex: 50 },
  headerInner:  { maxWidth: 800, width: '100%', margin: '0 auto', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
  backBtn:      { background: 'rgba(255,255,255,0.15)', border: 'none', color: '#fff', padding: '6px 14px', borderRadius: 8, fontSize: 13, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', display: 'flex', alignItems: 'center', gap: 6 },
  headerLogo:   { display: 'flex', alignItems: 'center' },
  content:      { padding: '32px 16px 64px', display: 'flex', justifyContent: 'center' },
  doc:          { maxWidth: 780, width: '100%' },
  title:        { fontSize: 28, fontWeight: 800, letterSpacing: '-0.5px', margin: '0 0 6px', color: '#2D3436' },
  meta:         { fontSize: 12, color: '#adb5bd', marginBottom: 24 },
  alertBox:     { background: '#fff9e6', border: '1.5px solid #f39c12', borderRadius: 12, padding: '14px 18px', display: 'flex', gap: 12, alignItems: 'flex-start', marginBottom: 28, fontSize: 14, color: '#7d5a00', lineHeight: 1.6 },
  infoBox:      { background: '#e3f0fc', border: '1.5px solid #b8d8f5', borderRadius: 12, padding: '14px 18px', display: 'flex', gap: 12, alignItems: 'flex-start', marginBottom: 28, fontSize: 14, color: '#1a5276', lineHeight: 1.6 },
  section:      { marginBottom: 32, paddingBottom: 24, borderBottom: '1px solid #e9ecef' },
  sectionTitle: { fontSize: 17, fontWeight: 700, color: '#0984e3', marginBottom: 12, marginTop: 0 },
  p:            { fontSize: 14, color: '#495057', lineHeight: 1.7, margin: '0 0 10px' },
  ul:           { paddingLeft: 20, margin: '6px 0 12px' },
  li:           { fontSize: 14, color: '#495057', lineHeight: 1.7, marginBottom: 8 },
  table:        { width: '100%', borderCollapse: 'collapse', marginBottom: 12, fontSize: 13 },
  th:           { background: '#f0f4f8', padding: '8px 12px', textAlign: 'left', fontWeight: 700, color: '#2D3436', border: '1px solid #dee2e6' },
  td:           { padding: '8px 12px', border: '1px solid #dee2e6', color: '#495057', verticalAlign: 'top' },
  contactBox:   { background: '#fff', border: '1px solid #e9ecef', borderRadius: 12, padding: '20px 24px', marginBottom: 24, marginTop: 8 },
  closeBtn:     { background: '#0984e3', color: '#fff', border: 'none', borderRadius: 10, padding: '12px 28px', fontSize: 14, fontWeight: 700, cursor: 'pointer', fontFamily: 'inherit' },
  navPills:     { display: 'flex', gap: 8, marginBottom: 28, flexWrap: 'wrap' },
  navPill:      { background: '#fff', border: '1.5px solid #dee2e6', borderRadius: 20, padding: '5px 14px', fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', color: '#636e72' },
  navPillActive:{ background: '#0984e3', border: '1.5px solid #0984e3', color: '#fff' },
};

// ── SHARED HEADER ─────────────────────────────────────────────────────────────
const LegalHeader = ({ onBack, activeTab, onNavigate }) => (
  <div style={legalS.header}>
    <div style={legalS.headerInner}>
      <button style={legalS.backBtn} onClick={onBack}>
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="m15 18-6-6 6-6"/></svg>
        Volver
      </button>
      <img src="uploads/lokat_color.png" alt="Lokat" style={{height:28, objectFit:'contain', filter:'brightness(0) invert(1)'}} />
    </div>
  </div>
);

// ── SHARED NAV PILLS ──────────────────────────────────────────────────────────
const LegalNavPills = ({ active, onNavigate }) => (
  <div style={legalS.navPills}>
    <button style={{...legalS.navPill, ...(active==='terms'   ? legalS.navPillActive : {})}} onClick={() => onNavigate('terms')}>📄 Términos de uso</button>
    <button style={{...legalS.navPill, ...(active==='privacy' ? legalS.navPillActive : {})}} onClick={() => onNavigate('privacy')}>🔒 Privacidad</button>
    <button style={{...legalS.navPill, ...(active==='cookies' ? legalS.navPillActive : {})}} onClick={() => onNavigate('cookies')}>🍪 Cookies</button>
  </div>
);

// ─── TERMS OF USE SCREEN ──────────────────────────────────────────────────────
const TermsScreen = ({ onBack, onNavigate }) => {
  const lastUpdated = '14 de mayo de 2026';
  const S = ({ title, children }) => <div style={legalS.section}><h2 style={legalS.sectionTitle}>{title}</h2>{children}</div>;
  const P = ({ children }) => <p style={legalS.p}>{children}</p>;
  const Li = ({ children }) => <li style={legalS.li}>{children}</li>;

  return (
    <div style={legalS.page}>
      <LegalHeader onBack={onBack} />
      <div style={legalS.content}>
        <div style={legalS.doc}>

          <h1 style={legalS.title}>Términos y Condiciones de Uso</h1>
          <p style={legalS.meta}>Lokat SpA · Última actualización: {lastUpdated} · RUT 76.543.210-K</p>

          <LegalNavPills active="terms" onNavigate={onNavigate || onBack} />

          <div style={legalS.alertBox}>
            <span style={{fontSize:20}}>⚠️</span>
            <div><strong>Lokat NO es un centro de salud.</strong> Lokat es una plataforma de intermediación tecnológica que facilita el arrendamiento temporal de consultas y boxes clínicos. Lokat no presta servicios de salud, no emplea profesionales de la salud y no es responsable de la práctica clínica desarrollada en los espacios arrendados.</div>
          </div>

          <S title="1. ¿Qué es Lokat?">
            <P>Lokat SpA («Lokat», «nosotros» o «la plataforma») es una empresa de tecnología que opera como intermediario entre profesionales de la salud («Profesionales») y propietarios o administradores de consultas y boxes clínicos («Propietarios»).</P>
            <P>Lokat proporciona únicamente:</P>
            <ul style={legalS.ul}>
              <Li>Una plataforma digital para búsqueda y reserva de espacios clínicos.</Li>
              <Li>Un sistema de pagos para gestionar transacciones entre Profesionales y Propietarios.</Li>
              <Li>Herramientas de comunicación y gestión de agenda.</Li>
            </ul>
            <P>Lokat <strong>no es</strong> un empleador de profesionales de salud, un centro médico, ni una institución prestadora de servicios de salud (IPS) bajo la definición del Decreto Supremo N°15 del Ministerio de Salud de Chile.</P>
          </S>

          <S title="2. Responsabilidades del Profesional de Salud">
            <P>Al usar Lokat, el Profesional declara y acepta que:</P>
            <ul style={legalS.ul}>
              <Li><strong>Registro RNPI:</strong> Está inscrito y mantiene vigente su registro en el Registro Nacional de Prestadores Individuales de Salud (RNPI) de la Superintendencia de Salud. El Profesional es el único responsable de mantener su inscripción al día.</Li>
              <Li><strong>Títulos y habilitaciones:</strong> Posee título profesional válido y reconocido en Chile para el área de salud en que ejerce. Lokat no verifica títulos ni habilitaciones más allá de la declaración jurada.</Li>
              <Li><strong>Seguro de responsabilidad civil médica:</strong> Es su exclusiva responsabilidad contar con seguro de responsabilidad civil profesional (malpractice insurance) vigente. Lokat no provee ni gestiona seguros de ningún tipo.</Li>
              <Li><strong>Fichas clínicas y datos de pacientes:</strong> Toda la información clínica de sus pacientes es de su exclusiva responsabilidad. Lokat no almacena, procesa ni tiene acceso a fichas clínicas, diagnósticos, recetas ni ningún dato sensible de salud de terceros.</Li>
              <Li><strong>Relación con pacientes:</strong> La relación profesional-paciente es directa e independiente de Lokat. Cualquier daño, complicación, reclamo o demanda derivada de la atención médica es responsabilidad exclusiva del Profesional.</Li>
              <Li><strong>Cumplimiento normativo:</strong> Debe cumplir con toda la normativa sanitaria aplicable, incluyendo las exigencias de la SEREMI de Salud y Colegio Profesional correspondiente.</Li>
              <Li><strong>Uso adecuado del espacio:</strong> Debe utilizar el box conforme a la resolución sanitaria del mismo. El uso del espacio para procedimientos no autorizados es de exclusiva responsabilidad del Profesional.</Li>
            </ul>
          </S>

          <S title="3. Responsabilidades del Propietario del Box">
            <P>Al publicar un espacio en Lokat, el Propietario declara y acepta que:</P>
            <ul style={legalS.ul}>
              <Li><strong>Resolución sanitaria:</strong> El espacio publicado cuenta con la resolución sanitaria vigente correspondiente al tipo de procedimientos para los que se arrienda. Publicar información inexacta o vencida es responsabilidad exclusiva del Propietario.</Li>
              <Li><strong>Condiciones del box:</strong> El espacio cumple con las condiciones de infraestructura, higiene, equipamiento y seguridad necesarias para la atención de salud.</Li>
              <Li><strong>Información veraz:</strong> La descripción, fotografías, equipamiento y resolución sanitaria publicados son verídicos y actualizados. La publicación de información falsa puede resultar en la suspensión de la cuenta.</Li>
              <Li><strong>Cumplimiento normativo:</strong> El Propietario es responsable de mantener todos los permisos, patentes municipales y autorizaciones sanitarias vigentes.</Li>
              <Li><strong>Accidentes en el espacio:</strong> El Propietario es responsable de contar con seguros de infraestructura adecuados. Lokat no responde por accidentes ocurridos en el espacio físico.</Li>
            </ul>
          </S>

          <S title="4. Limitación de Responsabilidad de Lokat">
            <P>En la máxima extensión permitida por la ley chilena, Lokat no será responsable por:</P>
            <ul style={legalS.ul}>
              <Li>Daños a pacientes derivados de la práctica clínica de los Profesionales.</Li>
              <Li>Daños causados por el estado físico o sanitario de los boxes.</Li>
              <Li>Incumplimiento por parte de Profesionales o Propietarios de sus obligaciones legales y sanitarias.</Li>
              <Li>Errores, omisiones o falsedad en la información publicada por los usuarios.</Li>
              <Li>Interrupciones del servicio por causas de fuerza mayor o fallos técnicos.</Li>
              <Li>Pérdida de datos de pacientes o fichas clínicas (Lokat no almacena dicha información).</Li>
            </ul>
            <P>La responsabilidad máxima de Lokat frente a cualquier usuario se limita al valor de las transacciones procesadas en los 30 días anteriores al hecho que origina la reclamación.</P>
          </S>

          <S title="5. Política de Cancelación y Reembolsos">
            <ul style={legalS.ul}>
              <Li><strong>Cancelación con más de 24 horas de anticipación:</strong> Reembolso del 100%, descontando comisiones bancarias irrecuperables (aprox. 2%).</Li>
              <Li><strong>Cancelación entre 12 y 24 horas antes:</strong> Reembolso del 50% del monto pagado.</Li>
              <Li><strong>Cancelación con menos de 12 horas o no-show:</strong> Sin reembolso. El monto es retenido en su totalidad.</Li>
              <Li><strong>Cancelación por el Propietario:</strong> Reembolso del 100% al Profesional, sin cargo para ninguna de las partes.</Li>
              <Li><strong>Falla técnica del box:</strong> En caso de equipamiento inoperativo (documentado), se gestionará reembolso total o reprogramación sin costo.</Li>
            </ul>
            <P>Los reembolsos se procesan dentro de 5–10 días hábiles a través del mismo medio de pago utilizado en la reserva.</P>
          </S>

          <S title="6. Comisiones y Pagos">
            <P>Lokat cobra una comisión del <strong>10% sobre el valor de cada reserva</strong> al Profesional, más IVA aplicable. Esta comisión se descuenta automáticamente en el proceso de pago. Los Propietarios no pagan comisión sobre las reservas.</P>
            <P>Los pagos se procesan a través de Klap, pasarela de pago certificada por el Banco Central de Chile. Lokat no almacena datos de tarjetas de crédito o débito.</P>
          </S>

          <S title="7. Vigencia y Modificaciones">
            <P>Estos Términos entran en vigencia desde la fecha de última actualización indicada al inicio. Lokat se reserva el derecho de modificarlos notificando a los usuarios con al menos 15 días de anticipación por correo electrónico.</P>
            <P>El uso continuado de la plataforma después de dicha notificación constituye la aceptación de los nuevos términos.</P>
          </S>

          <S title="8. Jurisdicción y Ley Aplicable">
            <P>Estos Términos se rigen por las leyes de la República de Chile. Cualquier disputa se someterá a los Tribunales Ordinarios de Justicia de Santiago, renunciando las partes a cualquier otro fuero.</P>
          </S>

          <div style={legalS.contactBox}>
            <div style={{fontWeight:700, marginBottom:6, fontSize:15}}>¿Tienes preguntas sobre estos términos?</div>
            <div style={{fontSize:13, color:'#636e72', lineHeight:1.7}}>📧 legal@lokat.app &nbsp;·&nbsp; 📍 Lokat SpA · Santiago, Chile · RUT 76.543.210-K</div>
          </div>

          <button style={legalS.closeBtn} onClick={onBack}>← Volver</button>
        </div>
      </div>
    </div>
  );
};