/* ============================================================================
   consentimento.css — banner de cookies (LGPD)

   Só classes novas com prefixo .consent-, mais uma regra que sobe o botão
   flutuante do WhatsApp enquanto o banner estiver aberto, para um não cobrir
   o outro. Nenhum estilo existente é alterado.
   ============================================================================ */

.consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;          /* acima do botao flutuante, que usa 9999 */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding: 16px 20px;
    background-color: #2b2724;
    color: #f2efec;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, .25);
}

.consent-texto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 320px;
    flex: 1 1 320px;
    padding-right: 20px;
}

.consent-texto strong {
    color: #fff;
    font-weight: 700;
}

.consent-link {
    color: #f2efec;
    text-decoration: underline;
    white-space: nowrap;
}

.consent-link:hover,
.consent-link:focus {
    color: #fff;
}

.consent-botoes {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

/* Os dois botoes tem o mesmo tamanho e o mesmo destaque de proposito:
   "recusar" apagado ou escondido invalida o consentimento. */
.consent-btn {
    min-width: 132px;
    min-height: 44px;           /* area de toque confortavel no celular */
    padding: 11px 22px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.consent-aceitar {
    background-color: #f2efec;
    color: #2b2724;
}

.consent-aceitar:hover,
.consent-aceitar:focus {
    background-color: #fff;
}

.consent-recusar {
    background-color: transparent;
    color: #f2efec;
    border-color: #8d857e;
}

.consent-recusar:hover,
.consent-recusar:focus {
    background-color: rgba(255, 255, 255, .12);
    color: #fff;
}

.consent-btn:focus-visible {
    outline: 3px solid #9fd3ff;
    outline-offset: 2px;
}

/* Enquanto o banner esta aberto, o botao do WhatsApp sobe para nao ficar
   escondido atras dele. */
body.consent-aberto .wa-flutuante {
    bottom: 108px;
}

@media screen and (max-width: 767px) {
    .consent {
        padding: 14px 16px;
        font-size: 13px;
    }
    .consent-texto {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-right: 0;
        padding-bottom: 12px;
    }
    .consent-botoes {
        width: 100%;
    }
    .consent-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }
    body.consent-aberto .wa-flutuante {
        bottom: 148px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .consent-btn { transition: none; }
}