/* assets/css/cookie-consent.css — Aviso de cookies (LGPD) do Stieen (2026-10-13).
   Barra fixa no rodapé da tela; só variáveis do design-system.css. */
.stieen-cookie-consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 600;
  display: none;
  background: var(--stieen-vermelho);
  color: var(--stieen-branco);
  padding: 18px 24px;
  box-shadow: 0 -4px 24px var(--stieen-sombra);
}
.stieen-cookie-consent.is-visivel { display: block; }
.stieen-cookie-consent-conteudo {
  max-width: 1160px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
}
.stieen-cookie-consent-texto { margin: 0; font-size: 14px; line-height: 1.5; flex: 1 1 420px; }
.stieen-cookie-consent-texto a { color: var(--stieen-branco); text-decoration: underline; font-weight: 600; }
.stieen-cookie-consent-texto a:hover { text-decoration: none; }
.stieen-cookie-consent-botao {
  flex: 0 0 auto; border: none; cursor: pointer;
  background: var(--stieen-escuro); color: var(--stieen-branco);
  border-radius: 10px; padding: 10px 28px;
  font-size: 15px; font-weight: 700; font-family: inherit;
}
.stieen-cookie-consent-botao:hover { background: #000; }
@media (max-width: 600px) {
  .stieen-cookie-consent { padding: 12px 14px; }
  .stieen-cookie-consent-conteudo { flex-wrap: nowrap; gap: 12px; }
  .stieen-cookie-consent-texto { flex: 1 1 0; min-width: 0; font-size: 12px; line-height: 1.4; }
  .stieen-cookie-consent-botao { width: auto; flex: 0 0 auto; padding: 9px 16px; font-size: 13px; }
}
