/* ===== ArqBase — banner de cookies =====
   Barra escura no rodapé da tela, no mesmo tom do cabeçalho do site.
   Conteúdo na mesma coluna de 1240px das páginas. */
.consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  background: #0B0B22; color: #EDEDF2;
  border-top: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 -12px 40px rgba(0,0,0,0.28);
  font-family: 'Instrument Sans', system-ui, sans-serif;
  animation: consent-sobe .28s ease;
}
@keyframes consent-sobe { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .consent { animation: none; } }

.consent__corpo {
  max-width: 1096px; margin: 0 auto; padding: 18px 24px;
  display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
}
.consent__texto { flex: 1 1 420px; min-width: 0; }
.consent__texto strong { display: block; font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.consent__texto p { font-size: 13.5px; line-height: 1.55; color: #C9CBD8; margin: 0; }
.consent__texto a { color: #EDEDF2; text-decoration: underline; text-underline-offset: 2px; }

.consent__acoes { display: flex; gap: 10px; flex-wrap: wrap; }
.consent__btn {
  font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer;
  border-radius: 99px; padding: 11px 20px; white-space: nowrap;
  transition: opacity .15s ease, border-color .15s ease;
}
.consent__btn:hover { opacity: .9; }
.consent__btn--cheio { background: #D5203F; color: #FFFFFF; border: 0; }
.consent__btn--cheio:hover { background: #D5203F; opacity: 1; }
.consent__btn--fantasma { background: transparent; color: #EDEDF2; border: 1px solid rgba(255,255,255,0.3); }
.consent__btn--fantasma:hover { border-color: rgba(255,255,255,0.6); }

.consent__detalhes {
  max-width: 1096px; margin: 0 auto; padding: 0 24px 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
/* dentro de Preferências: duas escolhas, Apenas Essenciais ou Todos */
.consent__opcoes { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 16px; }
.consent__opcao {
  flex: 1 1 240px; text-align: left; cursor: pointer; font: inherit;
  background: rgba(255,255,255,0.04); color: #EDEDF2;
  border: 1px solid rgba(255,255,255,0.18); border-radius: 12px; padding: 14px 16px;
  transition: border-color .15s ease, background .15s ease;
}
.consent__opcao:hover { border-color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.07); }
.consent__opcao strong { display: block; font-size: 13.5px; font-weight: 600; margin-bottom: 3px; }
.consent__opcao span { display: block; font-size: 12.5px; line-height: 1.5; color: #C9CBD8; }

/* link no rodapé para rever a escolha */
.consent__rever { cursor: pointer; }

@media (max-width: 640px) {
  .consent__corpo { padding: 16px 20px; gap: 14px; }
  .consent__texto strong { font-size: 14.5px; }
  .consent__texto p { font-size: 12.5px; }
  .consent__acoes { width: 100%; }
  .consent__acoes .consent__btn { flex: 1 1 auto; padding: 11px 14px; font-size: 12.5px; }
  .consent__detalhes { padding: 0 20px 18px; }
  .consent__opcoes { flex-direction: column; gap: 10px; }
  /* em coluna, o flex-basis vale para a ALTURA: soltar para o conteudo mandar */
  .consent__opcao { flex: 0 0 auto; }
}