#cookie-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    max-width: 420px; /* AQUI reduz o tamanho */

    background-color: #1f2a30;
    color: #fff;

    padding: 12px; /* CONTROLA a altura interna */
    z-index: 9999;

    box-sizing: border-box;

    /* CONTROLE VERTICAL (IMPORTANTE) */
    max-height: 25vh; /* LIMITA a altura total */
    overflow-y: auto; /* ROLA se passar disso */
}

.cookie-content {
    max-width: 100%;
    margin: 0 auto;
    font-size: 12px;

    line-height: 1.3; /* MENOR = menos altura */
}

.cookie-content p {
    margin: 0;
}

.cookie-content a {
    color: var(--dourado);
    text-decoration: underline;
}

.cookie-actions {
    margin-top: 8px; /* MENOS espaço vertical */
    display: flex;
    gap: 8px; /* menos espaço entre botões */

    width: 100%;
    justify-content: center; /* CENTRALIZA botões no PC */
    align-items: center;
}

.cookie-btn {
    background-color: var(--dourado);
    color: #1f2a30;
    border: none;

    padding: 7px 12px; /* BOTÕES mais baixos */
    font-size: 12px;
    cursor: pointer;
}

.cookie-btn.rejeitar {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

/* MOBILE */
@media (max-width: 768px) {
    #cookie-banner {
        width: calc(100% - 24px);
        max-width: 360px; /* menor no celular */

        max-height: 20vh; /* ajuste específico mobile */
        overflow-y: auto;
    }

    .cookie-actions {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .cookie-btn {
        width: 100%;
    }
}