// Política de Privacidad en la tienda. El texto viene de la fuente ÚNICA
// packages/shared/src/legal.ts (el mismo que muestra el panel de negocios).
import { LEGAL_VIGENCIA, PRIVACIDAD } from '@gustito/shared';

export default function Privacidad() {
  return (
    <div className="min-h-full bg-crema py-8 px-4">
      <div className="mx-auto max-w-2xl">
        <p className="text-xs font-bold uppercase tracking-[0.2em] text-amber-600">Gustito Xpress</p>
        <h1 className="mt-1 text-3xl font-extrabold text-stone-900">{PRIVACIDAD.titulo}</h1>
        <p className="mt-1 text-sm text-stone-500">{LEGAL_VIGENCIA}</p>
        <p className="mt-5 text-[15px] leading-relaxed text-stone-700">{PRIVACIDAD.intro}</p>

        <div className="mt-8 space-y-6">
          {PRIVACIDAD.secciones.map((s) => (
            <section key={s.h}>
              <h2 className="text-lg font-extrabold text-stone-800">{s.h}</h2>
              <div className="mt-1.5 space-y-2">
                {s.p.map((t, i) => (
                  <p key={i} className="text-[15px] leading-relaxed text-stone-600">
                    {t}
                  </p>
                ))}
              </div>
            </section>
          ))}
        </div>

        <p className="mt-10 border-t border-stone-200 pt-5 text-center text-xs text-stone-400">
          Gustito Xpress · Hecho en Venezuela
        </p>
      </div>
    </div>
  );
}
