/* ============================
   Banner de consentimento de cookies (LGPD)
   Depende das variáveis definidas em assets/styles.css (carregado antes).
   ============================ */
.cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  background: var(--card, #fff);
  border-top: 1px solid var(--line, #efdfdb);
  box-shadow: var(--shadow, 0 -8px 32px rgba(0, 0, 0, 0.12));
  font-family: 'Manrope', system-ui, sans-serif;
}

.cookie-consent__text {
  flex: 1 1 320px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--text, #1f2328);
}

.cookie-consent__actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  margin-left: auto;
}

.cookie-consent__decline,
.cookie-consent__accept {
  padding: 10px 20px;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 800;
  font-size: 0.875rem;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}

.cookie-consent__decline {
  border: 1px solid var(--line, #efdfdb);
  background: transparent;
  color: var(--text, #1f2328);
}

.cookie-consent__decline:hover {
  background: rgba(0, 0, 0, 0.04);
}

.cookie-consent__accept {
  border: 1px solid var(--coral, #e8604c);
  background: var(--coral, #e8604c);
  color: #fff;
}

.cookie-consent__accept:hover {
  background: var(--coral-strong, #d44f3c);
}

@media (max-width: 640px) {
  .cookie-consent {
    padding: 16px;
  }
  .cookie-consent__actions {
    width: 100%;
    margin-left: 0;
  }
  .cookie-consent__decline,
  .cookie-consent__accept {
    flex: 1;
  }
}