<footer class="bg-[#272B36] mt-[100px]">
    <div class="wrapper">
        <div
            class="grid grid-cols-1 lg:grid-cols-3 place-content-center py-24 xl:py-0 text-white gap-20 h-auto xl:h-[700px]"
        >
            <div>
                <h4 class="font-normal mb-10">¿Quiénes Somos?</h4>
                <p class="text-[#8D94A8] text-[14px] leading-7 w-[200px]">
                    PREVICAR a través de sus CDA’s (Centros de Diagnóstico
                    Automotor), se compromete a satisfacer los requerimientos de
                    sus clientes en cuanto a la condición, el estado, evaluación
                    y verificación técnico – mecánica de sus vehículos
                    automotores.
                </p>
            </div>
            <div>
                <h4 class="font-normal mb-10">Normatividad y Políticas</h4>

                <ul>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/PD-DA-01-politica-de-tratamiento-de-datos.pdf"
                            target="_blank"
                            >Políticas de protección de datos</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/PD-DA-03-aviso-de-privacidad.pdf"
                            target="_blank">Aviso de privacidad</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/PD-DA-02-consentimiento-web.pdf"
                            target="_blank">Consentimiento web</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/niveles-emisiones-contaminantes-permitidos.pdf"
                            target="_blank"
                            >Niveles de emisiones contaminantes permitidos</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/NTC-ISO-IEC17020.pdf"
                            target="_blank">NTC IEC:ISO 17020</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/SST-MA-02-Protocolo-de-Bioseguridad-para-Reactivacion-de-Actividad-Economica.pdf"
                            target="_blank">Protocolos de bioseguridad</a
                        >
                    </li>
                    <li>
                        <a
                            class="text-[#8D94A8] text-[14px] hover:text-white duration-150"
                            href="/assets/files/motivos-tecnicos.pdf"
                            target="_blank"
                        >
                            Motivos técnicos</a
                        >
                    </li>
                </ul>
                <div>
                    <p class="text-[#8D94A8] text-[14px] mt-3">
                        Resoluciones de habilitación del ministerio de
                        transporte y ambiental de los CDAS:
                    </p>
                    <ul class="list-disc list-inside pl-4 pt-4">
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-AMBIENTAL-CDA-DE-CALI.pdf"
                                target="_blank"
                            >
                                Resolución ambiental CDA Cali</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-AMBIENTAL-PREVITAX.pdf
                                "
                                target="_blank"
                            >
                                Resolución ambiental Previtax</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-AMBIENTAL-PREVICAR-CALI.pdf"
                                target="_blank"
                            >
                                Resolución ambiental Previcar Cali</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-HABILITACION-MT-CDA-DE-CALI.pdf"
                                target="_blank"
                            >
                                Resolución habilitación MT CDA Cali</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-HABILITACION-MT-DISTRITAL.pdf"
                                target="_blank"
                            >
                                Resolución habilitación MT Distrital</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-HABILITACION-MT-PREVITAX_.pdf"
                                target="_blank"
                            >
                                Resolución habilitación MT Previtax</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-HABILITACION-MT-PREVICAR-197.pdf"
                                target="_blank"
                            >
                                Resolución habilitación MT Previcar 197</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-AMBIENTAL-PREVICAR-197.pdf"
                                target="_blank"
                            >
                                Resolución ambiental Previcar 197</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-HABILITACION-MT-PREVICAR-CALI.pdf"
                                target="_blank"
                            >
                                Resolución habilitación MT Previcar Cali</a
                            >
                        </li>
                        <li>
                            <a
                                class="text-[#c36] text-[14px] hover:text-white"
                                href="/assets/files/RESOLUCION-AMBIENTAL-CDA-DISTRITAL.pdf"
                                target="_blank"
                            >
                                Resolución ambiental CDA Distrital</a
                            >
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                <h4 class="font-normal mb-10">Contáctenos</h4>
                <div class="flex flex-col gap-2 mb-10">
                    <p class="text-[#8D94A8] text-[14px]">
                        <b>Dirección principal:</b> Cra 14B # 119 -95 Piso 3 – Bogotá
                    </p>
                    <p class="text-[#8D94A8] text-[14px]">
                        <b>Teléfono:</b> 01 8000 125 555
                    </p>
                    <p class="text-[#8D94A8] text-[14px]">
                        <b>Whatsapp: </b> 300 5781638
                    </p>
                    <p class="text-[#8D94A8] text-[14px] mt-4">
                        <b>Email:</b>
                        <a class="text-[#c36] hover:text-white" href=""
                            >sac@holdingvml.net</a>
                    </p>
                </div>
                <div>
                    <img src="/assets/images/logo-previcar-white.png" alt="" />
                </div>
            </div>
        </div>
        <div
            class="flex flex-col lg:flex-row w-full h-[100px] justify-center items-center text-[#8D94A8] text-[14px] relative gap-4 lg:gap-0"
        >
            <p>© {new Date().getFullYear()} Previcar Todos los derechos reservados</p>
            <div class="flex gap-4 relative lg:absolute left-0">
                <a class="w-4 h-4" href="https://www.facebook.com/Previcarcda/" target="_blank">
                    <img
                        width="100%"
                        height="100%"
                        src="/assets/icons/facebook.svg"
                        alt=""
                    />
                </a>
                <a class="w-4 h-4" href="https://www.instagram.com/cdaprevicar/" target="_blank">
                    <img
                        width="100%"
                        height="100%"
                        src="/assets/icons/instagram.svg"
                        alt=""
                    />
                </a>
                <a class="w-4 h-4" href="https://www.tiktok.com/@cdaprevicar" target="_blank">
                    <img
                        width="100%"
                        height="100%"
                        src="/assets/icons/tiktok.svg"
                        alt=""
                    />
                </a>
            </div>
        </div>
    </div>
</footer>
