/* ====================================== */
/* Banner Cookies                         */
/* ====================================== */

.cookie-banner{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    max-width:700px;
    margin:auto;
    background:#ffffff;
    border-radius:15px;
    padding:25px;
    display:flex;
    gap:20px;
    align-items:flex-start;
    z-index:99999;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
    animation:cookieEntrada .4s ease;
}

.cookie-icon{
    font-size:42px;
    color:#fd7e14;
}

.cookie-content h5{
    font-weight:700;
    margin-bottom:10px;
}

.cookie-content p{
    color:#666;
    margin-bottom:20px;
}

.cookie-buttons{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

.cookie-banner.oculto{
    display:none;
}

@keyframes cookieEntrada{
    from{
        opacity:0;
        transform:translateY(50px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@media(max-width:768px){

    .cookie-banner{
        flex-direction:column;
    }

    .cookie-buttons{
        width:100%;
        justify-content:stretch;
    }

    .cookie-buttons button{    
        flex:1;
    }

}