@extends('layouts.app')

@section('title', 'Privacidade & Cookies — JC Group')
@section('description', 'Consulte a política de privacidade e cookies do website, incluindo informação sobre o tratamento de dados pessoais, formulários de contacto e conteúdos externos.')

@section('content')
    <section class="relative overflow-hidden bg-slate-950 pb-24 pt-36 text-white lg:pb-28 lg:pt-44">
        <div class="absolute inset-0">
            <img
                src="/media/IMG_0655-scaled.jpg"
                alt="Privacidade e Cookies"
                class="h-full w-full object-cover opacity-25"
            >
            <div class="absolute inset-0 bg-gradient-to-r from-[#2d231d]/85 via-[#2d231d]/65 to-[#2d231d]/40"></div>
        </div>

        <div class="relative mx-auto max-w-7xl px-6 lg:px-8">
            <p data-reveal class="text-[11px] font-semibold uppercase tracking-[0.28em] text-white/60">
                Privacidade & Cookies
            </p>

            <h1 data-reveal class="mt-6 max-w-5xl text-5xl font-semibold leading-[0.95] tracking-[-0.04em] sm:text-6xl xl:text-7xl">
                Transparência na forma como tratamos dados e utilizamos
                <span class="font-serif italic text-white/85">cookies e conteúdos externos</span>.
            </h1>

            <p data-reveal class="mt-8 max-w-3xl text-lg leading-8 text-white/75 xl:text-xl">
                Nesta página encontra informação sobre a forma como os dados pessoais são tratados no âmbito
                da utilização deste website, bem como sobre a utilização de cookies e conteúdos de terceiros.
            </p>
        </div>
    </section>

    <section class="bg-white py-24 lg:py-28">
        <div class="mx-auto grid max-w-7xl gap-10 px-6 lg:grid-cols-[0.34fr_0.66fr] lg:px-8">
            <aside class="lg:sticky lg:top-28 lg:self-start">
                <div class="rounded-[2rem] border border-slate-200 bg-slate-50 p-6 shadow-[0_18px_50px_rgba(15,23,42,0.06)]">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-slate-400">
                        Índice
                    </p>

                    <nav class="mt-5 grid gap-3 text-sm text-slate-600">
                        <a href="#responsavel" class="transition hover:text-slate-950">Responsável pelo tratamento</a>
                        <a href="#dados" class="transition hover:text-slate-950">Dados recolhidos</a>
                        <a href="#finalidades" class="transition hover:text-slate-950">Finalidades do tratamento</a>
                        <a href="#fundamento" class="transition hover:text-slate-950">Fundamento do tratamento</a>
                        <a href="#conservacao" class="transition hover:text-slate-950">Conservação dos dados</a>
                        <a href="#partilha" class="transition hover:text-slate-950">Partilha de dados</a>
                        <a href="#direitos" class="transition hover:text-slate-950">Direitos dos titulares</a>
                        <a href="#cookies" class="transition hover:text-slate-950">Cookies</a>
                        <a href="#mapas" class="transition hover:text-slate-950">Mapas e conteúdos externos</a>
                        <a href="#seguranca" class="transition hover:text-slate-950">Segurança</a>
                        <a href="#contacto" class="transition hover:text-slate-950">Contacto</a>
                    </nav>
                </div>
            </aside>

            <div class="grid gap-8">
                <section id="responsavel" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        01 · Responsável pelo tratamento
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Identificação do responsável
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            O responsável pelo tratamento dos dados pessoais recolhidos através deste website é a
                            <strong class="text-slate-950">marca JC Group</strong>.
                        </p>

                        <p>
                            Para efeitos de contacto institucional, poderá ser utilizado o endereço
                            <strong class="text-slate-950">geral@jcgroup.pt</strong> e o contacto telefónico
                            <strong class="text-slate-950">+351 253 304 230</strong>.
                        </p>

                        <p>
                            Caso pretendas, esta secção pode ainda ser complementada com a designação social completa,
                            NIF, morada e contacto específico para assuntos de privacidade.
                        </p>
                    </div>
                </section>

                <section id="dados" class="rounded-[2rem] border border-slate-200 bg-slate-50 p-8 lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        02 · Dados recolhidos
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Que dados podem ser recolhidos
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            No âmbito da utilização deste website, podem ser recolhidos dados pessoais fornecidos
                            diretamente pelo utilizador, nomeadamente através dos formulários de contacto e recrutamento.
                        </p>

                        <p>
                            Esses dados podem incluir:
                        </p>

                        <ul class="list-disc space-y-2 pl-6">
                            <li>nome;</li>
                            <li>endereço de email;</li>
                            <li>telefone;</li>
                            <li>assunto e conteúdo da mensagem enviada;</li>
                            <li>área de interesse em candidaturas;</li>
                            <li>documentos anexados, como currículo vitae.</li>
                        </ul>

                        <p>
                            Poderão ainda ser tratados dados técnicos estritamente necessários ao funcionamento do site,
                            como informação de sessão ou preferências técnicas indispensáveis à navegação.
                        </p>
                    </div>
                </section>

                <section id="finalidades" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        03 · Finalidades do tratamento
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Porque tratamos os dados
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>Os dados podem ser tratados para as seguintes finalidades:</p>

                        <ul class="list-disc space-y-2 pl-6">
                            <li>resposta a pedidos de contacto e pedidos de informação;</li>
                            <li>gestão de comunicações institucionais e comerciais legítimas;</li>
                            <li>análise de candidaturas espontâneas ou processos de recrutamento;</li>
                            <li>organização interna e registo das comunicações recebidas através do website;</li>
                            <li>garantia do funcionamento técnico, segurança e integridade do website.</li>
                        </ul>
                    </div>
                </section>

                <section id="fundamento" class="rounded-[2rem] border border-slate-200 bg-slate-50 p-8 lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        04 · Fundamento do tratamento
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Base legal aplicável
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            O tratamento de dados pessoais realizado através deste website pode assentar,
                            consoante o caso, nas seguintes bases:
                        </p>

                        <ul class="list-disc space-y-2 pl-6">
                            <li>consentimento do titular, quando aplicável;</li>
                            <li>diligências pré-contratuais ou contratuais solicitadas pelo titular;</li>
                            <li>interesse legítimo na gestão de contactos institucionais, segurança e organização interna;</li>
                            <li>cumprimento de obrigações legais, quando aplicável.</li>
                        </ul>

                        <p>
                            No caso das candidaturas submetidas através da área de recrutamento, o tratamento é realizado
                            para análise da candidatura e gestão do respetivo processo.
                        </p>
                    </div>
                </section>

                <section id="conservacao" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        05 · Conservação dos dados
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Durante quanto tempo conservamos os dados
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            Os dados pessoais são conservados apenas durante o período necessário às finalidades para
                            que foram recolhidos, salvo quando exista obrigação legal de conservação por prazo superior.
                        </p>

                        <p>
                            As mensagens de contacto podem ser conservadas pelo período necessário à gestão da comunicação,
                            acompanhamento do pedido e registo interno.
                        </p>

                        <p>
                            As candidaturas e documentos anexados podem ser conservados durante o período considerado
                            adequado à análise do processo de recrutamento e eventual avaliação futura do perfil,
                            quando tal seja compatível com a finalidade comunicada ao titular.
                        </p>
                    </div>
                </section>

                <section id="partilha" class="rounded-[2rem] border border-slate-200 bg-slate-50 p-8 lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        06 · Partilha de dados
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        A quem os dados podem ser comunicados
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            Os dados pessoais podem ser acedidos internamente por colaboradores ou áreas cuja
                            intervenção seja necessária para responder ao pedido, gerir candidaturas ou assegurar o
                            funcionamento do website.
                        </p>

                        <p>
                            Poderão ainda ser utilizados prestadores de serviços tecnológicos ou de alojamento, na medida
                            estritamente necessária ao funcionamento da infraestrutura digital do site.
                        </p>

                        <p>
                            Os dados não serão vendidos nem cedidos a terceiros para fins alheios às finalidades aqui descritas.
                        </p>
                    </div>
                </section>

                <section id="direitos" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        07 · Direitos dos titulares
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Os teus direitos
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            O titular dos dados pode, nos termos da legislação aplicável, solicitar:
                        </p>

                        <ul class="list-disc space-y-2 pl-6">
                            <li>acesso aos seus dados pessoais;</li>
                            <li>retificação de dados inexatos ou incompletos;</li>
                            <li>apagamento dos dados, quando aplicável;</li>
                            <li>limitação do tratamento;</li>
                            <li>oposição ao tratamento, quando aplicável;</li>
                            <li>portabilidade dos dados, nos casos legalmente previstos;</li>
                            <li>retirada do consentimento, quando o tratamento nele se baseie.</li>
                        </ul>

                        <p>
                            O titular pode ainda apresentar reclamação junto da autoridade de controlo competente.
                        </p>
                    </div>
                </section>

                <section id="cookies" class="rounded-[2rem] border border-slate-200 bg-slate-50 p-8 lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        08 · Cookies
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Como utilizamos cookies
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            Este website pode utilizar cookies estritamente necessários ao funcionamento técnico, segurança,
                            gestão de sessão e prestação correta das funcionalidades essenciais da navegação.
                        </p>

                        <p>
                            Estes cookies são utilizados para permitir o normal funcionamento do website e não dependem,
                            em regra, de aceitação para efeitos meramente técnicos.
                        </p>

                        <p>
                            Sempre que existam conteúdos externos ou funcionalidades opcionais suscetíveis de recorrer
                            a tecnologias de terceiros, o respetivo carregamento poderá depender de escolha prévia do utilizador.
                        </p>
                    </div>
                </section>

                <section id="mapas" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        09 · Mapas e conteúdos externos
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Conteúdo de terceiros
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            Algumas páginas do website podem incluir conteúdos externos, como mapas incorporados para
                            localização de empreendimentos.
                        </p>

                        <p>
                            Estes conteúdos podem implicar pedidos a serviços de terceiros e o eventual tratamento de
                            dados técnicos associados ao carregamento desses recursos.
                        </p>

                        <p>
                            Por esse motivo, o carregamento desses conteúdos pode ser condicionado à aceitação prévia do utilizador,
                            através do mecanismo de preferências implementado no website.
                        </p>
                    </div>
                </section>

                <section id="seguranca" class="rounded-[2rem] border border-slate-200 bg-slate-50 p-8 lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        10 · Segurança
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Medidas de proteção
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            São adotadas medidas técnicas e organizativas adequadas para proteger os dados pessoais
                            contra destruição, perda, alteração, divulgação ou acesso não autorizado.
                        </p>

                        <p>
                            Ainda assim, nenhuma transmissão de dados pela internet é absolutamente invulnerável,
                            pelo que o utilizador deve também adotar práticas adequadas de segurança na utilização dos serviços digitais.
                        </p>
                    </div>
                </section>

                <section id="contacto" class="rounded-[2rem] border border-slate-200 bg-white p-8 shadow-[0_18px_50px_rgba(15,23,42,0.05)] lg:p-10">
                    <p class="text-[11px] font-semibold uppercase tracking-[0.28em] text-blue-700">
                        11 · Contacto
                    </p>

                    <h2 class="mt-4 text-3xl font-semibold tracking-[-0.03em] text-slate-950">
                        Como exercer direitos ou esclarecer dúvidas
                    </h2>

                    <div class="mt-6 space-y-4 text-base leading-8 text-slate-600">
                        <p>
                            Para qualquer questão relacionada com esta política, com o tratamento dos teus dados pessoais
                            ou com o exercício dos teus direitos, poderás contactar:
                        </p>

                        <div class="rounded-[1.5rem] border border-slate-200 bg-slate-50 p-6">
                            <p><strong class="text-slate-950">Email:</strong> geral@jcgroup.pt</p>
                            <p><strong class="text-slate-950">Telefone:</strong> +351 253 304 230</p>
                            <p><strong class="text-slate-950">Localização:</strong> Braga, Portugal</p>
                        </div>

                        <p>
                            Esta política poderá ser atualizada sempre que necessário para refletir alterações legais,
                            técnicas ou funcionais do website.
                        </p>
                    </div>
                </section>
            </div>
        </div>
    </section>
@endsection