import AnimatedContainer from "@components/AnimatedConainer/AnimatedContainer";
import style from "./terms.module.css";
import { ScrollToTop } from "@core/app/components/ScrollTop";
import HeaderConfProvider from "@core/app/components/HeaderConfProvider/HeaderConfProvider";
import DefaultLoginAction from "@core/app/components/LoginAction/DefaultLoginAction";

export default function PrivacyPage() {
    return (
        <AnimatedContainer
            color="#aeaeae"
            minSize={150}
            maxSize={500}
            items={10}
            style={{
                display: "flex",
                flexDirection: "column",
                justifyContent: "center",
                alignItems: "center",
            }}
        >
            <ScrollToTop />
            <HeaderConfProvider />
            <DefaultLoginAction />
            <div className="homeCentered">
                <h1 className="homeTitleHeader">Política de Cookies</h1>
                <p className="homeResumeHeader">
                    Este sitio web no utiliza cookies propias. Sin embargo, algunos servicios de
                    terceros integrados en la plataforma pueden instalar cookies en su dispositivo.
                </p>
            </div>
            <div className="homeCentered">
                <h4 className={style.termTitle}>Información que recopilamos</h4>
                <p className={style.termText}>
                    Servicios de terceros que pueden utilizar cookies:
                    <ul>
                        <li>
                            <strong>Google (Inicio de sesión):</strong> El botón Iniciar sesión con
                            Google utiliza servicios de autenticación proporcionados por Google, los
                            cuales pueden instalar cookies con fines de autenticación, seguridad,
                            personalización y análisis. Estas cookies son gestionadas directamente
                            por Google. Recomendamos consultar la Política de Privacidad de Google y
                            su Política de Cookies para más información.
                        </li>

                        <li>
                            <strong>Google Fonts:</strong> Utilizamos fuentes web proporcionadas por
                            Google Fonts. Al cargar estas fuentes, su navegador se conecta a los
                            servidores de Google, lo cual puede implicar la recopilación de datos
                            como su dirección IP. Google puede utilizar esta información conforme a
                            sus propias políticas de privacidad.
                        </li>
                        <li>
                            <strong>Material UI (íconos): </strong> Algunos íconos de Material UI se
                            cargan desde servicios en línea, como Google o CDN externos. Esto puede
                            implicar conexiones a servidores de terceros y la posibilidad de que se
                            establezcan cookies o se registren ciertos datos técnicos.
                        </li>
                        <li>
                            <strong>Mapas (Leaflet):</strong> Utilizamos la librería Leaflet para
                            mostrar mapas interactivos. Aunque Leaflet en sí no instala cookies, el
                            proveedor de mapas (por ejemplo, OpenStreetMap, Mapbox o Google Maps)
                            puede recopilar datos del usuario o establecer cookies al cargar el
                            contenido del mapa.
                        </li>
                    </ul>
                </p>

                <h4 className={style.termTitle}>Gestión de cookies</h4>
                <p className={style.termText}>
                    Usted puede configurar su navegador para bloquear o eliminar las cookies de
                    terceros. Esto puede afectar algunas funcionalidades del sitio, como el inicio
                    de sesión o la correcta visualización de mapas e íconos. A continuación se
                    indican enlaces con instrucciones para gestionar cookies en los navegadores más
                    comunes:
                    <ul>
                        <li>
                            Google Chrome:{" "}
                            <a
                                target="_blank"
                                href="https://support.google.com/chrome/answer/95647"
                            >
                                Configuración de cookies en Chrome
                            </a>
                        </li>
                        <li>
                            Mozilla Firefox:{" "}
                            <a
                                target="_blank"
                                href="https://support.mozilla.org/es/kb/Deshabilitar%20cookies%20de%20terceros"
                            >
                                Configuración de cookies en Firefox
                            </a>
                        </li>
                        <li>
                            Microsoft Edge::{" "}
                            <a
                                target="_blank"
                                href="https://support.microsoft.com/es-es/windows/administrar-cookies-en-microsoft-edge-ver-permitir-bloquear-eliminar-y-usar-168dab11-0753-043d-7c16-ede5947fc64d"
                            >
                                Configuración de cookies en Edge
                            </a>
                        </li>
                        <li>
                            Safari:{" "}
                            <a
                                target="_blank"
                                href="https://help.apple.com/safari/mac/10.0/es.lproj/sfri11471.html"
                            >
                                Configuración de cookies en Safari
                            </a>
                        </li>
                    </ul>
                    Al continuar navegando en este sitio, usted acepta el uso de estos servicios de
                    terceros y el posible uso de cookies asociado, conforme a sus respectivas
                    políticas de privacidad.
                </p>

                <p className={style.termText}></p>

                <div style={{ height: "100px" }}>&nbsp;</div>
            </div>
        </AnimatedContainer>
    );
}
