/* Contenedor principal del aviso de cookies */
.cookie-container {
    position: fixed;           /* Se queda fijo en la pantalla al hacer scroll */
    bottom: -100px;            /* Empieza escondido bajo el borde inferior */
    left: 20px;                /* Margen izquierdo */
    right: 20px;               /* Margen derecho */
    background: rgba(0, 0, 0, 0.8); /* Fondo negro con transparencia */
    color: white;              /* Texto blanco */
    padding: 15px 25px;        /* Espacio interno */
    display: none;             /* Se oculta por defecto (el JS lo pondrá en 'flex') */
    justify-content: space-between; /* Texto a un lado, botón al otro */
    align-items: center;       /* Centrado vertical de los elementos */
    border-radius: 15px;       /* Bordes redondeados */
    box-shadow: 0 -5px 15px rgba(0,0,0,0.3); /* Sombra superior */
    z-index: 10000;            /* Siempre por encima de todo */
    backdrop-filter: blur(12px); /* Efecto de desenfoque de fondo */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Borde fino */
    transition: bottom 0.5s ease; /* Animación de subida/bajada */
}

/* Clase que activa el JS para mostrarlo */
.cookie-container.activo {
    display: flex !important;
    bottom: 20px;              /* Sube a su posición visible */
}

/* Enlaces dentro del aviso */
.cookie-container a {
    color: #f39c12;            /* Color naranja para resaltar */
    text-decoration: underline;
}

/* Botón de aceptar */
.cookie-container button {
    background: #f39c12;       /* Fondo naranja */
    border: none;              /* Sin bordes */
    padding: 10px 15px;        /* Tamaño */
    border-radius: 8px;        /* Bordes del botón */
    color: black;              /* Texto negro para contraste */
    font-weight: bold;         /* Negrita */
    cursor: pointer;           /* Icono de mano */
    margin-left: 15px;         /* Separación del texto */
}