/*:root{
    --cor-principal:#2563eb;
    --cor-hover:#1d4ed8;
    --cor-texto:#ffffff;
    --cor-fundo:rgba(17,24,39,.95);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Segoe UI', sans-serif;
}

body{
    min-height:100vh;
}*/

/* Banner */
.cookie-banner{
    position:fixed;
    bottom:20px;
    left:20px;
    right:20px;
    max-width:1100px;
    margin:auto;
    background:var(--cor-fundo);
    backdrop-filter:blur(12px);
    color:var(--cor-texto);
    padding:20px 25px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    z-index:9999;

    opacity:0;
    transform:translateY(40px);
    animation:slideUp .6s ease forwards;
}

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

.cookie-content{
    flex:1;
}

.cookie-content h3{
    font-size:18px;
    margin-bottom:6px;
}

.cookie-content p{
    font-size:14px;
    line-height:1.6;
    color:#1e2637;
}

.cookie-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.btn-accept{
    background:#073319;
    color:#fff;
    border:none;
    padding:12px 22px;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
    transition:.3s;
}

.btn-accept:hover{
    background:var(--cor-hover);
    transform:translateY(-2px);
}

.btn-close{
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:#1f1f1f;
    color:white;
    cursor:pointer;
    font-size:18px;
    transition:.3s;
}

.btn-close:hover{
    background:rgba(255,255,255,.2);
}

.hide-banner{
    animation:hideBanner .4s ease forwards;
}

@keyframes hideBanner{
    to{
        opacity:0;
        transform:translateY(30px);
    }
}

@media(max-width:768px){
    .cookie-banner{
        flex-direction:column;
        text-align:center;
    }

    .cookie-actions{
        width:100%;
        justify-content:center;
    }
}