/* =============================================================================
   BANNER DE COOKIES  (se usa también en la portada)
   ============================================================================= */
.ck-capa{
  position:fixed;inset:0;z-index:9000;
  background:rgba(18,20,26,.42);backdrop-filter:blur(3px);
  display:flex;align-items:flex-end;justify-content:center;padding:18px;
  opacity:0;transition:opacity .45s var(--curva);
}
.ck-capa.ck-ver{opacity:1}
.ck-capa[hidden]{display:none!important}
.ck-caja{
  width:100%;max-width:720px;background:var(--papel);
  border:1px solid var(--linea-fuerte);border-radius:4px;
  padding:clamp(22px,3.4vw,32px);
  box-shadow:0 18px 60px rgba(18,20,26,.20);
  transform:translateY(14px);transition:transform .5s var(--curva);
  max-height:88vh;overflow-y:auto;
}
.ck-capa.ck-ver .ck-caja{transform:none}
.ck-caja h2{
  font-family:var(--titulo);font-weight:300;margin:10px 0 10px;
  font-size:clamp(1.18rem,2.4vw,1.5rem);letter-spacing:-.028em;line-height:1.15;
}
.ck-caja p{margin:0 0 14px;font-size:15px;line-height:1.62;color:var(--tinta-media)}
.ck-caja p a{color:var(--tinta);text-underline-offset:3px}
.ck-botones{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ck-btn{
  flex:1 1 168px;padding:13px 18px;border-radius:2px;cursor:pointer;
  font-family:var(--titulo);font-weight:400;font-size:13.5px;
  border:1px solid var(--linea-fuerte);background:none;color:var(--tinta);
  transition:background .35s var(--curva),color .35s var(--curva),border-color .35s var(--curva);
}
.ck-btn:hover{border-color:var(--tinta)}
/* aceptar y rechazar con el mismo peso visual, como exige la AEPD */
.ck-btn.ck-si,.ck-btn.ck-no{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.ck-btn.ck-si:hover,.ck-btn.ck-no:hover{background:transparent;color:var(--tinta)}
.ck-btn.ck-cfg{flex:1 1 140px;color:var(--tinta-media)}
.ck-btn.ck-cfg:hover{color:var(--tinta)}

.ck-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--linea)}
.ck-panel[hidden]{display:none!important}
.ck-opcion{
  display:flex;gap:16px;align-items:flex-start;justify-content:space-between;
  padding:15px 0;border-bottom:1px solid var(--linea);
}
.ck-opcion:last-child{border-bottom:0}
.ck-opcion h3{
  font-family:var(--titulo);font-weight:500;font-size:14px;margin:0 0 4px;letter-spacing:-.01em;
}
.ck-opcion p{margin:0;font-size:13.5px;line-height:1.55}
.ck-sw{display:flex;align-items:center;gap:9px;flex:none;padding-top:2px}
.ck-sw input{width:17px;height:17px;accent-color:var(--tinta);cursor:pointer}
.ck-sw input:disabled{cursor:not-allowed;opacity:.55}
.ck-sw label{
  font-family:var(--titulo);font-size:12px;color:var(--tinta-media);cursor:pointer;
}

/* enlace para volver a abrir la configuración */
.ck-reabrir{
  font-family:var(--titulo);font-size:13.5px;color:var(--tinta-media);
  background:none;border:0;padding:0;cursor:pointer;text-decoration:none;
  transition:color .35s var(--curva);
}
.ck-reabrir:hover{color:var(--tinta)}

@media(prefers-reduced-motion:reduce){
  .ck-capa,.ck-caja{transition:none}
  .ck-caja{transform:none}
}