@charset "utf-8";
/* CSS Document */

/* style.css */
.aviso-cookies {
    background-color: #ffffff; /* Fondo blanco */
    color: #333; /* Texto oscuro */
    padding: 5px; /* Espaciado interno */
    position: fixed; /* Posición fija en la pantalla */
    /*margin: auto;*/
    bottom: 20px; /* 20px del borde inferior */
    right: 85px; /* 20px del borde izquierdo */
    width: 90%; /* 90% del ancho de la pantalla */
    max-width: 500px; /* Ancho máximo */
    border-radius: 20px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra sutil */
    z-index: 1000; /* Asegura que esté encima de otros elementos */
    display: none; /* Oculto por defecto */
    font-family: sans-serif; /* Fuente legible */
}

.aviso-cookies p {
    margin-bottom: 15px; /* Espacio debajo del texto */
    text-align: center;
    font-size: 18px;
}

.aviso-cookies button {
    background-color: #095805; /* Color del botón */
    color: white; /* Texto del botón */
    padding: 10px 15px; /* Espaciado del botón */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados del botón */
    cursor: pointer; /* Cursor de puntero */
}

.aviso-cookies button:hover {
    background-color: #1FDE82; /* Color al pasar el ratón */
}

@media screen and (max-width: 500px){
    .aviso-cookies{
     bottom: 20px;
     width: 65%;
     text-align: center;
     font-size: 10px;   
    } 
    
}