/* ==========================================================================
   EduBuilders — Banner de consentimento de cookies (privacy-first)
   Estilo neo-brutalista, consistente com o site. Carregado em todas as páginas.
   ========================================================================== */
.eb-consent {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2147483000; /* acima de tudo */
  max-width: 560px;
  margin-inline: auto;
  background: #FDFBF6;              /* paper */
  color: #111111;                   /* ink */
  border: 4px solid #111111;
  box-shadow: 6px 6px 0 0 #111111;  /* brutal */
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: "Inter", system-ui, sans-serif;
  animation: eb-consent-in .28s ease-out both;
}
@keyframes eb-consent-in {
  from { transform: translateY(16px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.eb-consent__text {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  margin: 0;
}
.eb-consent__text a {
  color: #3B1CFF;                   /* electric */
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.eb-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.eb-consent__btn {
  height: 38px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 2px solid #111111;
  cursor: pointer;
  transition: transform .12s ease;
  font-family: inherit;
}
.eb-consent__btn:active { transform: translateY(1px); }
.eb-consent__btn--accept {
  background: #3B1CFF;              /* electric */
  color: #FDFBF6;
}
.eb-consent__btn--accept:hover { transform: translateY(-1px); }
.eb-consent__btn--reject {
  background: #FDFBF6;
  color: #111111;
}
.eb-consent__btn--reject:hover { background: #FFD400; } /* sun */

@media (min-width: 480px) {
  .eb-consent { padding: 18px 20px; }
  .eb-consent__text { font-size: 13.5px; }
}

/* Respeita quem prefere menos animação. */
@media (prefers-reduced-motion: reduce) {
  .eb-consent { animation: none; }
}