/* cookie-policy.css */

/* Estilos generales para la sección de política de cookies */
.cookie-policy {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f9f9f9; /* Fondo claro */
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    font-family: Arial, sans-serif; /* Fuente */
    color: #333; /* Color de texto */
}

/* Títulos */
.cookie-policy h1 {
    font-size: 24px; /* Tamaño del título principal */
    margin-bottom: 20px; /* Espaciado inferior */
}

.cookie-policy h2 {
    font-size: 20px; /* Tamaño de subtítulos */
    margin-top: 20px; /* Espaciado superior */
    margin-bottom: 10px; /* Espaciado inferior */
}

/* Párrafos */
.cookie-policy p {
    line-height: 1.6; /* Altura de línea */
    margin-bottom: 15px; /* Espaciado inferior */
}

/* Listas */
.cookie-policy ol {
    margin-left: 20px; /* Margen a la izquierda para listas ordenadas */
}

.cookie-policy ul {
    margin-left: 20px; /* Margen a la izquierda para listas no ordenadas */
}

/* Enlaces */
.cookie-policy a {
    color: #007bff; /* Color de enlace */
    text-decoration: none; /* Sin subrayado */
}

.cookie-policy a:hover {
    text-decoration: underline; /* Subrayado al pasar el ratón */
}

.cookie-banner {
    max-width: 600px;       /* Ancho máximo en PC */
    width: 90%;             /* Ancho en móviles */
    background-color: #444; /* Color de fondo */
    border-radius: 8px;     /* Bordes redondeados */
    padding: 20px;          /* Espaciado interno */
    box-sizing: border-box;  /* Incluir el padding y el borde en el ancho total */
    display: flex;          /* Usar flexbox para alinear los elementos */
    flex-direction: column; /* Colocar elementos en columna */
    align-items: center;    /* Centrar elementos horizontalmente */
    justify-content: center; /* Centrar elementos verticalmente */
    margin: 0 auto;        /* Centrar el div en la página */
}

/* Media Query para pantallas pequeñas */
@media (max-width: 600px) {
    .cookie-banner {
        margin: 0; /* Quitar el margen en pantallas pequeñas */
    }
}