.ca-cookies {
  position: fixed;
  inset: auto 18px 18px 18px;
  z-index: 1000;
  margin: 0 auto;
  max-width: 760px;
  border: 1px solid rgba(127, 184, 148, .5);
  border-left: 4px solid #7fb894;
  border-radius: 6px;
  background: #143726;
  color: #f6f5f1;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
  padding: 20px 22px;
  font-family: Archivo, -apple-system, sans-serif;
}

.ca-cookies[hidden] { display: none; }
.ca-cookies__corpo { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: end; }
.ca-cookies__rotulo {
  color: #7fb894;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ca-cookies h2 { margin: 5px 0 0; color: #f6f5f1; font-size: 19px; line-height: 1.25; }
.ca-cookies p { margin: 8px 0 0; color: rgba(246, 245, 241, .75); font-size: 13.5px; line-height: 1.55; }
.ca-cookies a { color: #b8d8c3; text-underline-offset: 3px; }
.ca-cookies__acoes { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.ca-cookies button {
  min-height: 42px;
  border: 1px solid #7fb894;
  border-radius: 3px;
  padding: 10px 15px;
  font: 600 11px/1.2 "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}
.ca-cookies__rejeitar { background: transparent; color: #b8d8c3; }
.ca-cookies__aceitar { background: #7fb894; color: #143726; }
.ca-cookies button:hover { outline: 2px solid rgba(246, 245, 241, .2); outline-offset: 2px; }
.ca-cookies button:focus-visible, .ca-cookie-ajuste:focus-visible { outline: 3px solid #f6f5f1; outline-offset: 3px; }

.ca-cookie-ajuste {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 950;
  border: 1px solid rgba(127, 184, 148, .55);
  border-radius: 999px;
  background: #143726;
  color: #b8d8c3;
  padding: 8px 11px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  font: 600 10px/1 "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 680px) {
  .ca-cookies { inset: auto 10px 10px 10px; padding: 18px; }
  .ca-cookies__corpo { grid-template-columns: 1fr; gap: 16px; }
  .ca-cookies__acoes { display: grid; grid-template-columns: 1fr 1fr; }
  .ca-cookies button { width: 100%; padding-inline: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .ca-cookies *, .ca-cookie-ajuste { scroll-behavior: auto !important; transition: none !important; }
}