<footer>

    <div class="flex items-center justify-center text-white bg-principal ">
        <div class="grid grid-cols-1 gap-5 py-8 md:grid-cols-2 xl:grid-cols-4 xl:gap-20 lg:p-6 xl:p-10">
            <div class="flex-col items-start hidden gap-4 mt-8 xl:flex lg:mt-0">
                <a href="{{ asset('storage/documents/terminos-y-condiciones-finca.pdf') }}" class="font-semibold"
                    target="_blank">Términos y condiciones</a>
                <a href="{{ asset('storage/documents/aviso-de-privacidad-finca.pdf') }}" class="font-semibold"
                    target="_blank">Aviso de Privacidad</a>
            </div>
            <div class="flex flex-col items-center lg:items-start">
                <p class="font-bold">Síguenos:</p>
                <div class="flex gap-1 ">
                    <a href="https://www.facebook.com/cafefincamonteverde" target="_blank">
                        <img class="w-10 h-10 hover:scale-105" src="{{ asset('storage/icons/bt_fb.svg') }}"
                            alt="facebook">
                    </a>
                    <a href="https://twitter.com/fincamonteverde" target="_blank">
                        <img class="w-10 h-10 hover:scale-105" src="{{ asset('storage/icons/bg_x.svg') }}"
                            alt="twitter">
                    </a>
                    <a href="https://www.youtube.com/@fincamonteverde" target="_blank">
                        <img class="w-10 h-10 hover:scale-105" src="{{ asset('storage/icons/bt_yt.svg') }}"
                            alt="youtube">
                    </a>
                    <a href="https://www.instagram.com/cafefincamonteverde/" target="_blank">
                        <div class="w-10 h-10 hover:scale-105 bg-[#241e1b] flex justify-center items-center rounded-lg">
                            <i class="text-2xl font-light fab fa-instagram"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="flex flex-col items-center lg:items-start">
                <img class="" src="{{ asset('storage/logos/favicon-310x310.png') }}" alt="logo">
            </div>
            <div class="flex flex-col items-center lg:justify-center lg:items-end">
                <a href="" class="text-lg"><b>Teléfono:</b> 961 667 0239</a>
                <a href="" class="text-lg border-t-2"><b>Correo:</b> selene@fincamonteverde.com</a>
            </div>
            <div class="flex flex-col items-start gap-4 xl:hidden">
                <a href="{{ asset('storage/documents/terminos-y-condiciones-finca.pdf') }}" class="font-semibold"
                    target="_blank">Términos y condiciones</a>
                <a href="{{ asset('storage/documents/aviso-de-privacidad-finca.pdf') }}" class="font-semibold"
                    target="_blank">Aviso de Privacidad</a>
            </div>
        </div>
    </div>
    <div class="flex items-center justify-center py-2 text-sm text-white bg-secondary">
        <a href="https://www.grupocybac.com/" target="_blank">
            <p class="font-light">Desarrollado por <strong class="font-bold">CYBAC TI</strong></p>
        </a>
    </div>
</footer>
