/* Aviso de cookies (consent.js) */
.ck {
  position: fixed; left: 16px; bottom: 16px; z-index: 990;
  width: min(400px, calc(100% - 32px)); box-sizing: border-box;
  padding: 20px; background: #000; color: #F8FAF0; border: 1px solid #616659;
  font-family: 'Inter Tight', Arial, sans-serif;
  opacity: 0; transform: translateY(12px);
  transition: opacity 200ms cubic-bezier(.23, 1, .32, 1), transform 200ms cubic-bezier(.23, 1, .32, 1);
}
.ck.ck-in { opacity: 1; transform: none; }
.ck-h { margin: 0 0 8px; font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #FF5F02; }
.ck-p { margin: 0; font-size: 14px; line-height: 1.5; color: #B5B9A6; }
.ck-p a { color: #F8FAF0; }
.ck-b { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
.ck-b button {
  min-height: 44px; padding: 0 16px; border-radius: 0; cursor: pointer;
  font: 500 12px/1 'Inter Tight', Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase;
  transition: background-color .15s, color .15s, border-color .15s;
}
.ck-no { background: transparent; color: #F8FAF0; border: 1px solid rgba(248, 250, 240, .45); }
.ck-ok { background: #FF5F02; color: #000; border: 1px solid #FF5F02; }
@media (hover: hover) and (pointer: fine) {
  .ck-no:hover { border-color: #F8FAF0; }
  .ck-ok:hover { background: #FF8741; border-color: #FF8741; }
}
.ck button:focus-visible, .ck a:focus-visible { outline: 2px solid #FF5F02; outline-offset: 3px; }
@media (max-width: 600px) {
  .ck { left: 12px; right: 12px; width: auto; bottom: calc(12px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .ck { transform: none; transition: opacity 150ms linear; }
}