/* Cookie Consent Card — 404x250, canto inferior esquerdo */
.ccc-card {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 404px;
    
    background: #F5F5F5;
    border-radius: 32px;
    box-shadow: 4px 4px 5.1px rgba(0, 0, 0, 0.19);
    font-family: Verdana, Geneva, sans-serif;
    box-sizing: border-box;
    z-index: 999999;
    overflow: hidden;
    animation: ccc-slide-in 0.35s ease-out;
}

@keyframes ccc-slide-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ccc-card[hidden] {
    display: none !important;
}

/* Header verde */
.ccc-card__header {
    width: 100%;
    height: 52px;
    background: #009A4C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
   
}

.ccc-card__title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    word-wrap: break-word;
    padding:0;
}

/* Texto */
.ccc-card__text {
    width: 360px;
    margin: 20px 22px 0;
    color: #7C7C7C;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    word-wrap: break-word;
}

.ccc-card__link {
    color: #009A4C;
    text-decoration: underline;
}

.ccc-card__link:hover {
    color: #00733A;
}

/* Linha de botões */
.ccc-card__actions {
    margin: 20px 22px 20px 20px;
    display: flex;
    gap: 10px;
}

/* Botão "Concordo" */
.ccc-card__btn {
    padding: 10px 24px;
    background: #009A4C;
    color: #F5F5F5;
    border: none;
    border-radius: 32px;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: center;
}

.ccc-card__btn:hover {
    background: #00733A;
}

.ccc-card__btn:focus {
    outline: 2px solid #171616;
    outline-offset: 2px;
}

/* Botão "Gerenciar cookies" — oculto por enquanto */
.ccc-card__btn--manage {
    padding: 10px 20px;
    background: #F5F5F5;
    color: #171616;
    border: 1px solid #171616;
    border-radius: 32px;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    /* Para ativar este botão no futuro, remova a linha abaixo */
    display: none;
}

.ccc-card__btn--manage:hover {
    background: #e8e8e8;
}