/* ZIKO · aviso de cookies. Neutro, no compite con la dirección de arte del sitio.
   Se puede repintar con las variables --zkc-* si un cliente lo pide. */
.zk-cookies{
  --zkc-bg:#12181f; --zkc-ink:#eef2f5; --zkc-mut:#aab6c0;
  --zkc-ok:#ffffff; --zkc-ok-ink:#12181f; --zkc-line:rgba(255,255,255,.16);
  position:fixed; left:16px; right:16px; bottom:16px; z-index:2147483000;
  margin-inline:auto; max-width:560px;
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;
  padding:16px 18px; border-radius:14px;
  background:var(--zkc-bg); color:var(--zkc-ink);
  border:1px solid var(--zkc-line);
  box-shadow:0 24px 60px -22px rgba(0,0,0,.6);
  font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  transform:translateY(140%); opacity:0;
  transition:transform .4s cubic-bezier(.2,.75,.25,1),opacity .4s;
}
.zk-cookies.on{transform:none; opacity:1}
.zk-cookies__t{margin:0; flex:1 1 240px; color:var(--zkc-mut)}
.zk-cookies__b{display:flex; gap:9px; margin-left:auto}
.zk-cookies button{
  font:600 14px/1 inherit; cursor:pointer; border-radius:9px;
  padding:10px 16px; border:1px solid var(--zkc-line);
  background:transparent; color:var(--zkc-ink);
  transition:background-color .18s,border-color .18s,transform .12s;
}
.zk-cookies button:hover{background:rgba(255,255,255,.08)}
.zk-cookies button:active{transform:translateY(1px)}
.zk-cookies__ok{background:var(--zkc-ok); color:var(--zkc-ok-ink); border-color:var(--zkc-ok)}
.zk-cookies__ok:hover{background:var(--zkc-ok); filter:brightness(.94)}
.zk-cookies button:focus-visible{outline:2.5px solid #4aa3d6; outline-offset:2px}
@media (max-width:480px){
  .zk-cookies{left:10px; right:10px; bottom:10px; padding:14px}
  .zk-cookies__b{width:100%}
  .zk-cookies__b button{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .zk-cookies{transition-duration:.01ms}
}
