/* Banner de cookies con la estética «Regreso al pasado»: panel oscuro con borde degradado dorado y la rejilla trasera del DeLorean arriba */
.ck { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px)); pointer-events: none; }
.ck[hidden] { display: none; }
.ck__box { position: relative; pointer-events: auto; max-width: 980px; margin: 0 auto; overflow: hidden; color: #e9e9e9; border: 1.5px solid transparent; border-radius: 6px;
  background: linear-gradient(#141414, #141414) padding-box, linear-gradient(135deg, #FFD23F 0%, #FFA41A 45%, #FB4A1A 100%) border-box;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .6), 0 0 22px rgba(255, 164, 26, .18);
  padding: 26px 20px 16px; display: flex; align-items: center; gap: 18px; font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif; }
/* Rejilla negra, como entre la foto y el texto de las cards */
.ck__box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 10px;
  background: repeating-linear-gradient(90deg, #0b0c0e 0 18px, #2d3137 18px 20px);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06); }
.ck__text { margin: 0; flex: 1 1 auto; min-width: 0; font-size: 15px; line-height: 1.45; color: #d6d8dc; }
.ck__text b { color: #FFC81A; }
.ck__text a { color: #FFC81A; text-decoration: underline; }
.ck__actions { display: flex; gap: 10px; flex: none; }
.ck__btn { font: 700 15px/1 'Outfit', system-ui, sans-serif; padding: 11px 18px; border-radius: 3px; cursor: pointer; border: 2px solid #0b0d10; white-space: nowrap; transition: filter .15s, box-shadow .15s; }
.ck__btn--ok { background: linear-gradient(180deg, #ff5a6b 0%, #FB243F 45%, #C0002B 100%); color: #fff; box-shadow: 0 3px 0 #0b0d10, 0 0 14px rgba(251, 36, 63, .35); text-shadow: 0 1px 0 #C0002B; }
.ck__btn--ok:hover { filter: brightness(1.08); box-shadow: 0 3px 0 #0b0d10, 0 0 22px rgba(251, 36, 63, .6); }
/* Rechazar: acero cepillado */
.ck__btn--ghost { color: #121417; box-shadow: 0 3px 0 #0b0d10;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .5) 0 1px, rgba(0, 0, 0, .02) 1px 2px, rgba(255, 255, 255, 0) 2px 4px), linear-gradient(165deg, #ffffff 0%, #e6e9ec 50%, #c9ced3 100%); }
.ck__btn--ghost:hover { filter: brightness(1.05); }
.ck__btn:active { transform: translateY(3px); box-shadow: none; }
.ck__btn:focus { outline: none; }
.ck__btn:focus-visible { outline: 3px solid #59d8ff; outline-offset: 2px; }
.ck-link { margin-top: 6px; background: none; border: 0; padding: 4px; color: inherit; font: 500 14px 'Outfit', system-ui, sans-serif; text-decoration: underline; opacity: .85; cursor: pointer; }
.ck-link:hover { opacity: 1; }
@media (max-width: 640px) {
  .ck__box { flex-direction: column; align-items: stretch; gap: 12px; padding: 24px 16px 14px; }
  .ck__text { font-size: 14px; }
  .ck__actions .ck__btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .ck__btn { transition: none; } }