/* Banner de consentimiento de cookies — LeakEnd.
   Autocontenido a propósito: se carga en todas las páginas públicas (landing y
   legales) sin depender de site.css. Usa las fuentes ya cargadas por fonts.css
   y los mismos tokens de color del manual de marca. */

.ck-banner{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9999;
  padding:16px;
  background:rgba(255,255,255,.98);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-top:1px solid #DCE6EE;
  box-shadow:0 -6px 24px rgba(10,27,46,.12);
  transform:translateY(115%);
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.ck-banner.show{ transform:translateY(0); }

.ck-inner{
  max-width:1140px; margin:0 auto;
  display:flex; align-items:center; flex-wrap:wrap;
  gap:16px 28px;
}

.ck-text{
  flex:1 1 420px; min-width:260px; margin:0;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px; line-height:1.55; color:#3D5165;
}
.ck-text a{ color:#1E6E9C; font-weight:600; }

.ck-actions{ display:flex; gap:12px; flex:0 0 auto; margin-left:auto; }

.ck-btn{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px; font-weight:700;
  border-radius:10px; padding:11px 22px;
  cursor:pointer; border:none; white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
.ck-accept{ background:#00B0F0; color:#FFFFFF; }
.ck-accept:hover{ filter:brightness(1.1); transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,176,240,.28); }
.ck-reject{ background:rgba(10,27,46,.06); color:#0A1B2E; border:1px solid #DCE6EE; }
.ck-reject:hover{ background:rgba(10,27,46,.1); transform:translateY(-2px); }
.ck-btn:active{ transform:translateY(0); }
.ck-btn:focus-visible{ outline:3px solid #00B0F0; outline-offset:3px; }

/* Móvil: los botones ocupan el ancho completo y con igual peso (rechazar debe
   ser tan fácil como aceptar). */
@media (max-width:560px){
  .ck-actions{ width:100%; margin-left:0; }
  .ck-btn{ flex:1 1 0; padding:12px 14px; }
}

@media (prefers-reduced-motion: reduce){
  .ck-banner{ transition:none; }
}
