/*
 * WebTrucks: aviso de cookies (LGPD)
 * ck-*: faixa no rodapé da tela, usada pelos layouts app e advertise
 * Arquivo estático, chamado com getB2bAsset('css/cookie-consent.css'). Não usa Vite.
 */
.ck-aviso { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 960px; margin: 0 auto; display: flex; align-items: center; gap: 20px; background: #fff; color: #3c4856; border: 1px solid #ebebeb; border-radius: 8px; padding: 18px 22px; box-shadow: 0 10px 40px rgba(31, 42, 55, .18); }
.ck-aviso[hidden] { display: none; }
.ck-texto { flex: 1; margin: 0; font: 14px/1.5 HurmeGeometricSans2-Regular, 'Open Sans', sans-serif; color: #3c4856; }
.ck-texto a { color: #1d6ca4; text-decoration: underline; }
.ck-botoes { display: flex; gap: 10px; flex-shrink: 0; }
.ck-btn { font: 600 14px/1 HurmeGeometricSans2-SemiBold, 'Open Sans', sans-serif; letter-spacing: .04em; padding: 13px 22px; border-radius: 4px; border: 2px solid #1d6ca4; background: #1d6ca4; color: #fff; cursor: pointer; transition: .2s; }
.ck-btn:hover { background: #17578a; border-color: #17578a; color: #fff; }
.ck-btn--linha { background: transparent; color: #1d6ca4; }
.ck-btn--linha:hover { background: #1d6ca4; color: #fff; }

@media (max-width: 767px) {
    .ck-aviso { flex-direction: column; align-items: stretch; gap: 14px; padding: 16px; left: 12px; right: 12px; bottom: 12px; }
    .ck-botoes .ck-btn { flex: 1; }
}