// legal.jsx — Privacidad, Términos, Cookies
const { useState } = React;

const LAST_UPDATE = "8 de mayo de 2026";

function LegalShell({ active, eyebrow, title, children }) {
  return (
    <window.PageScaffold active={active}>
      <section style={{
        padding: "120px 0 40px", position: "relative", overflow: "hidden",
        background: "linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%)",
      }}>
        <div className="container" style={{ maxWidth: 880 }}>
          <div className="eyebrow" style={{ color: "var(--brand)", marginBottom: 16 }}>{eyebrow}</div>
          <h1 className="display" style={{ margin: 0 }}>{title}</h1>
          <p className="caption" style={{ marginTop: 16, color: "var(--ink-3)" }}>
            Última actualización: {LAST_UPDATE}
          </p>
        </div>
      </section>

      <section style={{ background: "var(--paper)", paddingTop: 32, paddingBottom: 80 }}>
        <div className="container" style={{ maxWidth: 800 }}>
          <article className="legal-prose">
            {children}
          </article>
        </div>
      </section>

      <style>{`
        .legal-prose { font-size: 16px; line-height: 1.7; color: var(--ink-2); }
        .legal-prose h2 {
          font-size: 24px; font-weight: 700; letter-spacing: -0.018em;
          color: var(--ink); margin: 48px 0 16px; line-height: 1.3;
        }
        .legal-prose h2:first-child { margin-top: 0; }
        .legal-prose h3 {
          font-size: 18px; font-weight: 600; letter-spacing: -0.012em;
          color: var(--ink); margin: 32px 0 12px;
        }
        .legal-prose p { margin: 0 0 14px; }
        .legal-prose ul, .legal-prose ol { padding-left: 22px; margin: 0 0 18px; }
        .legal-prose li { margin-bottom: 8px; }
        .legal-prose strong { color: var(--ink); font-weight: 600; }
        .legal-prose a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
        .legal-prose a:hover { color: var(--brand-deep); }
        .legal-prose hr { border: 0; border-top: 1px solid var(--line); margin: 40px 0; }
        .legal-prose table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
        .legal-prose th, .legal-prose td { padding: 10px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
        .legal-prose thead th { background: var(--paper-2); font-weight: 600; color: var(--ink); }
        .legal-prose .callout {
          padding: 18px 22px; border-left: 3px solid var(--brand);
          background: rgba(237,15,68,0.04); border-radius: 8px;
          margin: 24px 0; font-size: 15px;
        }
      `}</style>
    </window.PageScaffold>
  );
}

// =====================================================================
// PRIVACIDAD
// =====================================================================
function PrivacidadPage() {
  return (
    <LegalShell active="privacidad" eyebrow="Legal" title="Política de Privacidad">
      <div className="callout">
        <strong>En resumen:</strong> recopilamos solo los datos necesarios para
        contactarte, atender tus pedidos y procesar tu candidatura laboral. No
        vendemos tu información a terceros. Cumplimos la <strong>Ley 172-13</strong>{" "}
        sobre protección de datos personales en la República Dominicana.
      </div>

      <h2>1. Identidad del responsable</h2>
      <p>
        El responsable del tratamiento de los datos personales recopilados a través
        de este sitio es <strong>Baldera Comunicaciones, S.R.L.</strong>, distribuidor
        autorizado de <strong>Claro República Dominicana</strong>, con oficinas
        principales en Santiago de los Caballeros, RD.
      </p>
      <p>
        Para consultas relacionadas con esta política o el ejercicio de tus derechos,
        puedes contactarnos a través de:
      </p>
      <ul>
        <li>Correo: <a href="mailto:privacidad@baldera.com.do">privacidad@baldera.com.do</a></li>
        <li>WhatsApp: <a href="https://wa.me/18492209239" target="_blank" rel="noopener">+1 (849) 220-9239</a></li>
        <li>Cualquiera de nuestras tiendas físicas en RD</li>
      </ul>

      <h2>2. Qué datos recopilamos</h2>
      <p>Recopilamos las siguientes categorías de datos personales, según el caso:</p>

      <h3>a) Cuando navegas el sitio</h3>
      <ul>
        <li>Dirección IP (almacenada en formato hash, no identificable)</li>
        <li>Tipo de navegador, dispositivo y sistema operativo</li>
        <li>Páginas visitadas, tiempo de permanencia y referidos</li>
        <li>Cookies (ver nuestra <a href={window.balUrl("cookies.html")}>Política de Cookies</a>)</li>
      </ul>

      <h3>b) Cuando llenas un formulario o solicitas contacto</h3>
      <ul>
        <li>Nombre completo</li>
        <li>Correo electrónico</li>
        <li>Teléfono / WhatsApp</li>
        <li>Mensaje, motivo de contacto o producto/plan de interés</li>
      </ul>

      <h3>c) Cuando aplicas a una vacante (Únete a nuestro equipo)</h3>
      <ul>
        <li>Datos de contacto (nombre, email, teléfono, ciudad)</li>
        <li>Cédula de identidad (opcional)</li>
        <li>Currículum vitae (PDF/DOC) y carta de presentación</li>
        <li>Experiencia laboral, formación académica</li>
        <li>Respuestas a evaluaciones de filtro asociadas a la vacante</li>
      </ul>

      <h3>d) Cuando compras o adquieres un servicio</h3>
      <ul>
        <li>Datos de contacto y dirección de envío/instalación</li>
        <li>Información del producto o plan adquirido</li>
        <li>Datos de facturación (la información de pago la procesa Claro o
        nuestro procesador de pagos directamente; nosotros no almacenamos números
        de tarjeta completos)</li>
      </ul>

      <h2>3. Para qué usamos tus datos</h2>
      <p>Utilizamos tus datos exclusivamente para:</p>
      <ul>
        <li>Contestar tus consultas y darte cotización</li>
        <li>Procesar la activación de líneas, instalación de internet o entrega de equipos</li>
        <li>Evaluar tu candidatura a una vacante laboral, comunicarnos sobre el proceso
            y, si nos autorizas explícitamente, mantener tu CV en base de datos para
            futuras posiciones</li>
        <li>Mejorar nuestro sitio web y servicios mediante análisis estadístico
            (datos agregados y anonimizados)</li>
        <li>Cumplir obligaciones legales, fiscales o regulatorias en RD</li>
        <li>Protegerte a ti y a Baldera contra fraudes o usos indebidos</li>
      </ul>
      <p>
        <strong>No usamos tus datos para perfilamiento automatizado con efectos
        legales</strong> sin tu consentimiento expreso y previo.
      </p>

      <h2>4. Base legal del tratamiento</h2>
      <p>El tratamiento de tus datos se ampara en una o varias de las siguientes bases:</p>
      <ul>
        <li><strong>Tu consentimiento explícito</strong> (al marcar el checkbox correspondiente)</li>
        <li><strong>Ejecución de un contrato</strong> del que eres parte (compra, instalación, contratación)</li>
        <li><strong>Cumplimiento de una obligación legal</strong> aplicable a Baldera</li>
        <li><strong>Interés legítimo</strong> en mejorar nuestros servicios y prevenir fraudes</li>
      </ul>

      <h2>5. Con quién compartimos tus datos</h2>
      <p>Compartimos datos personales únicamente con:</p>
      <ul>
        <li><strong>Claro República Dominicana</strong>, para activar tu línea, plan o instalación.</li>
        <li><strong>Empresas de logística y técnicos instaladores</strong> contratadas, exclusivamente para entregar tu pedido o instalar el servicio.</li>
        <li><strong>Procesadores de pago</strong> que cumplen con estándares PCI-DSS.</li>
        <li><strong>Autoridades dominicanas</strong> cuando la ley lo exija (orden judicial, requerimientos de la DGII, INDOTEL, Pro-Consumidor, etc.).</li>
        <li><strong>Proveedores tecnológicos</strong> de hosting y analítica que actúan como encargados del tratamiento, bajo contrato de confidencialidad.</li>
      </ul>
      <p><strong>Nunca vendemos tus datos personales a terceros con fines comerciales.</strong></p>

      <h2>6. Por cuánto tiempo guardamos tus datos</h2>
      <p>Los plazos de retención son:</p>
      <table>
        <thead>
          <tr><th>Tipo de dato</th><th>Plazo</th></tr>
        </thead>
        <tbody>
          <tr><td>Visitas web (logs)</td><td>12 meses</td></tr>
          <tr><td>Leads y consultas</td><td>24 meses desde último contacto</td></tr>
          <tr><td>Aplicaciones a vacantes (no contratado)</td><td>24 meses (puedes pedir borrado antes)</td></tr>
          <tr><td>Datos de clientes (compras, contratos)</td><td>10 años (obligación contable / DGII)</td></tr>
          <tr><td>Datos de empleados</td><td>Según ley laboral aplicable</td></tr>
        </tbody>
      </table>

      <h2>7. Tus derechos (Ley 172-13)</h2>
      <p>Como titular de los datos personales, tienes derecho a:</p>
      <ul>
        <li><strong>Acceder</strong> a tu información y saber cómo la tratamos</li>
        <li><strong>Rectificar</strong> datos inexactos o desactualizados</li>
        <li><strong>Oponerte</strong> a tratamientos específicos (por ejemplo, marketing)</li>
        <li><strong>Solicitar la supresión</strong> de tus datos cuando ya no sean necesarios</li>
        <li><strong>Revocar tu consentimiento</strong> en cualquier momento</li>
        <li><strong>Recibir tus datos</strong> en formato portable (CSV/JSON)</li>
        <li><strong>Presentar reclamación</strong> ante el <em>Instituto Dominicano de las Telecomunicaciones (INDOTEL)</em> o <em>Pro-Consumidor</em></li>
      </ul>
      <p>
        Para ejercer cualquiera de estos derechos, escríbenos a{" "}
        <a href="mailto:privacidad@baldera.com.do">privacidad@baldera.com.do</a>{" "}
        adjuntando copia de tu cédula. Responderemos en un plazo máximo de
        15 días hábiles.
      </p>

      <h2>8. Seguridad de los datos</h2>
      <p>
        Aplicamos medidas técnicas y organizativas razonables para proteger tus
        datos: cifrado de credenciales con Argon2id, transmisión vía HTTPS/TLS,
        accesos por roles con autenticación, registros de auditoría, copias de
        seguridad cifradas y aislamiento de archivos sensibles (como CVs).
      </p>
      <p>
        Sin embargo, ningún sistema en internet es 100% seguro. Si detectaras
        un incidente, escríbenos de inmediato a{" "}
        <a href="mailto:seguridad@baldera.com.do">seguridad@baldera.com.do</a>.
      </p>

      <h2>9. Datos de menores</h2>
      <p>
        El sitio no está dirigido a menores de 18 años. Si eres menor, debes
        contar con el consentimiento de tu padre, madre o tutor para
        proporcionarnos datos personales.
      </p>

      <h2>10. Cambios a esta política</h2>
      <p>
        Podemos actualizar esta política para reflejar cambios legales o
        mejoras. Cualquier cambio significativo se notificará en este mismo
        sitio con al menos <strong>30 días de antelación</strong>. La fecha de
        última actualización aparece arriba del documento.
      </p>

      <hr />

      <p style={{ fontSize: 13.5, color: "var(--ink-3)" }}>
        Esta política se rige por la legislación de la República Dominicana,
        en particular por la <strong>Ley 172-13 sobre Protección de Datos de
        Carácter Personal</strong> y sus reglamentos. Cualquier disputa será
        sometida a los tribunales competentes de Santo Domingo o Santiago, RD.
      </p>
    </LegalShell>
  );
}

// =====================================================================
// TÉRMINOS
// =====================================================================
function TerminosPage() {
  return (
    <LegalShell active="terminos" eyebrow="Legal" title="Términos y Condiciones">
      <div className="callout">
        <strong>Resumen rápido:</strong> al usar baldera.com.do aceptas estos
        términos. Somos un distribuidor autorizado de Claro RD. Los planes y
        servicios telefónicos los presta Claro; nosotros vendemos, instalamos
        y damos soporte. Los precios pueden cambiar y la disponibilidad puede
        variar por zona.
      </div>

      <h2>1. Aceptación</h2>
      <p>
        El uso del sitio web <strong>baldera.com.do</strong> y de cualquier
        servicio asociado implica la aceptación plena de estos términos. Si
        no estás de acuerdo, te pedimos abstenerte de usar el sitio.
      </p>

      <h2>2. Quiénes somos</h2>
      <p>
        <strong>Baldera Comunicaciones, S.R.L.</strong> es un distribuidor
        autorizado de Claro República Dominicana. Operamos tiendas físicas en
        varias provincias y este sitio web como canal de información, venta y
        servicio. <strong>No somos Claro</strong>, sino su socio comercial.
      </p>

      <h2>3. Servicios ofrecidos</h2>
      <p>A través del sitio podrás:</p>
      <ul>
        <li>Consultar planes móviles, planes de internet hogar y catálogo de equipos.</li>
        <li>Solicitar activación, portabilidad, instalación o cotización.</li>
        <li>Aplicar a vacantes laborales en nuestra empresa.</li>
        <li>Contactar a nuestros asesores por WhatsApp, llamada o formulario.</li>
      </ul>
      <p>
        La <strong>contratación final del servicio</strong> (línea, plan, internet
        hogar) se formaliza con Claro RD bajo sus propios términos. Baldera
        actúa como intermediario autorizado.
      </p>

      <h2>4. Precios, disponibilidad y promociones</h2>
      <ul>
        <li>Los precios mostrados están en pesos dominicanos (RD$) e incluyen ITBIS
        cuando aplica, salvo indicación expresa.</li>
        <li>Los precios y promociones <strong>pueden cambiar sin previo aviso</strong>
        y aplican mientras dure la oferta o el inventario.</li>
        <li>La cobertura de internet hogar y la disponibilidad de equipos depende
        de tu zona; te lo confirmamos al cotizar.</li>
        <li>Las imágenes son referenciales; el equipo entregado es el modelo
        descrito (color o capacidad sujetos a stock).</li>
      </ul>

      <h2>5. Compras y entrega</h2>
      <p>
        Al confirmar una compra (vía WhatsApp, llamada o tienda) recibirás
        cotización formal con detalle de precio, impuestos, plazo y condiciones
        de pago. La entrega se realiza en tienda o a domicilio según tu zona.
      </p>
      <p>
        Las garantías de los equipos las brinda el fabricante (Apple, Samsung,
        etc.) y/o Claro, según sus políticas oficiales.
      </p>

      <h2>6. Cancelación y devoluciones</h2>
      <p>
        Aplican las políticas establecidas por <strong>Pro-Consumidor</strong> y
        las del fabricante o Claro. Generalmente:
      </p>
      <ul>
        <li>Equipos sin abrir: cambio o devolución dentro de 7 días con factura.</li>
        <li>Equipos con defecto de fábrica: cubre la garantía del fabricante.</li>
        <li>Servicios ya activados: aplican las políticas de Claro.</li>
      </ul>

      <h2>7. Uso aceptable del sitio</h2>
      <p>Te comprometes a no:</p>
      <ul>
        <li>Suplantar la identidad de otra persona o empresa.</li>
        <li>Enviar información falsa en formularios o aplicaciones laborales.</li>
        <li>Intentar vulnerar la seguridad del sitio (escaneos no autorizados, fuerza bruta, etc.).</li>
        <li>Realizar copias masivas de contenido (scraping no autorizado).</li>
        <li>Cargar malware o contenido ilegal.</li>
      </ul>
      <p>El incumplimiento puede acarrear bloqueo del acceso y acciones legales.</p>

      <h2>8. Propiedad intelectual</h2>
      <p>
        Todo el contenido del sitio (textos, diseño gráfico, código, fotografías,
        logos) es propiedad de Baldera Comunicaciones o se usa bajo licencia. El
        logo y la marca <strong>Claro</strong> pertenecen a América Móvil y se
        usan bajo autorización como distribuidor.
      </p>
      <p>
        No está permitido copiar, modificar o redistribuir el contenido sin
        autorización escrita.
      </p>

      <h2>9. Enlaces a terceros</h2>
      <p>
        El sitio puede contener enlaces a sitios de Claro, fabricantes de
        equipos, redes sociales o pasarelas de pago. No somos responsables del
        contenido ni de las políticas de privacidad de esos sitios.
      </p>

      <h2>10. Limitación de responsabilidad</h2>
      <p>
        En la medida permitida por la ley, Baldera no será responsable de daños
        indirectos derivados de:
      </p>
      <ul>
        <li>Indisponibilidad temporal del sitio o de la red Claro.</li>
        <li>Errores tipográficos o de inventario que se corrigen al cotizar.</li>
        <li>Decisiones tomadas exclusivamente con base en la información del sitio
        sin haberla confirmado con un asesor.</li>
        <li>Uso indebido de tu cuenta por compartir tu contraseña.</li>
      </ul>
      <p>
        Esta limitación no aplica en casos de dolo, negligencia grave o cuando
        la ley dominicana imponga responsabilidad inderogable.
      </p>

      <h2>11. Modificaciones</h2>
      <p>
        Podemos actualizar estos términos. La fecha de última actualización
        aparece arriba. El uso continuado del sitio tras los cambios implica
        aceptación de la nueva versión.
      </p>

      <h2>12. Ley aplicable y jurisdicción</h2>
      <p>
        Estos términos se rigen por las leyes de la República Dominicana.
        Cualquier disputa será resuelta por los tribunales competentes de
        Santiago o Santo Domingo, según corresponda.
      </p>

      <hr />

      <p style={{ fontSize: 13.5, color: "var(--ink-3)" }}>
        Si tienes dudas sobre estos términos, escríbenos a{" "}
        <a href="mailto:legal@baldera.com.do">legal@baldera.com.do</a> o por
        WhatsApp al <a href="https://wa.me/18492209239" target="_blank" rel="noopener">+1 (849) 220-9239</a>.
      </p>
    </LegalShell>
  );
}

// =====================================================================
// COOKIES
// =====================================================================
function CookiesPage() {
  return (
    <LegalShell active="cookies" eyebrow="Legal" title="Política de Cookies">
      <div className="callout">
        <strong>En corto:</strong> usamos cookies para que el sitio funcione,
        recordar tus preferencias y entender qué contenido es útil. Puedes
        desactivar las que no son esenciales en cualquier momento.
      </div>

      <h2>1. ¿Qué es una cookie?</h2>
      <p>
        Una cookie es un pequeño archivo de texto que un sitio web guarda en tu
        navegador cuando lo visitas. Permite que el sitio te recuerde
        (idioma, productos en el carrito, sesión iniciada) y nos ayuda a
        entender cómo se usa el sitio para mejorarlo.
      </p>

      <h2>2. Tipos de cookies que usamos</h2>

      <h3>a) Cookies esenciales (siempre activas)</h3>
      <p>Necesarias para el funcionamiento básico del sitio. No requieren tu consentimiento.</p>
      <table>
        <thead>
          <tr><th>Cookie</th><th>Propósito</th><th>Duración</th></tr>
        </thead>
        <tbody>
          <tr><td><code>badm</code></td><td>Sesión del panel administrativo</td><td>Sesión</td></tr>
          <tr><td><code>baldera-cart</code></td><td>Recuerda los items en tu carrito</td><td>30 días</td></tr>
          <tr><td><code>_csrf</code></td><td>Protección contra falsificación de solicitudes</td><td>Sesión</td></tr>
        </tbody>
      </table>

      <h3>b) Cookies analíticas</h3>
      <p>
        Nos ayudan a entender qué páginas son más visitadas, de dónde vienen
        los usuarios y cómo navegan, sin identificarte personalmente. Los
        datos se almacenan en formato agregado.
      </p>
      <table>
        <thead>
          <tr><th>Servicio</th><th>Propósito</th><th>Duración</th></tr>
        </thead>
        <tbody>
          <tr><td>Analítica propia</td><td>Conteo de visitas y páginas vistas (IP en hash)</td><td>12 meses</td></tr>
          <tr><td>Google Analytics (si activado)</td><td>Análisis de tráfico anónimo</td><td>14 meses</td></tr>
        </tbody>
      </table>

      <h3>c) Cookies de marketing (solo con tu consentimiento)</h3>
      <p>
        Usadas por plataformas como Meta (Facebook/Instagram) o Google Ads
        para mostrarte publicidad relevante. <strong>Solo se activan si las
        aceptas explícitamente</strong> mediante el banner de cookies.
      </p>

      <h2>3. Cómo gestionar cookies</h2>
      <p>Puedes controlar las cookies de varias formas:</p>
      <ul>
        <li><strong>Banner del sitio:</strong> al entrar, puedes aceptar todas o
        configurar qué categorías permites.</li>
        <li><strong>Tu navegador:</strong> Chrome, Safari, Firefox y Edge te
        permiten ver, bloquear o borrar cookies en su configuración.</li>
        <li><strong>Modo incógnito/privado:</strong> evita que se guarden cookies
        entre sesiones.</li>
      </ul>

      <div className="callout">
        <strong>Aviso:</strong> bloquear cookies esenciales puede impedir que
        partes del sitio funcionen correctamente (carrito de compras, login al
        admin, formularios).
      </div>

      <h2>4. Cookies de terceros</h2>
      <p>
        Algunas funciones del sitio (videos de YouTube, mapas, botones de
        WhatsApp) pueden cargar cookies de terceros con sus propias políticas:
      </p>
      <ul>
        <li><a href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google / YouTube</a></li>
        <li><a href="https://www.facebook.com/policy.php" target="_blank" rel="noopener">Meta (Facebook / Instagram)</a></li>
        <li><a href="https://www.whatsapp.com/legal" target="_blank" rel="noopener">WhatsApp</a></li>
      </ul>

      <h2>5. Cambios a esta política</h2>
      <p>
        Si actualizamos cómo usamos las cookies, lo reflejaremos aquí y, si el
        cambio es significativo, te notificaremos en el banner del sitio.
      </p>

      <h2>6. Contacto</h2>
      <p>
        ¿Dudas? Escríbenos a{" "}
        <a href="mailto:privacidad@baldera.com.do">privacidad@baldera.com.do</a>.
      </p>
    </LegalShell>
  );
}

// =====================================================================
// BOOTSTRAP
// =====================================================================
window.PAGES = Object.assign({}, window.PAGES, {
  privacidad: PrivacidadPage,
  terminos:   TerminosPage,
  cookies:    CookiesPage,
});
if (!window.__BAL_ROOT) window.__BAL_ROOT = ReactDOM.createRoot(document.getElementById("root"));
window.__BAL_ROOT.render(React.createElement((window.PAGES && window.PAGES[window.PAGE]) || PrivacidadPage));