/* ckd-consent.css — aviso de cookies (footer.php + ckd-consent.js).
   Tarjeta abajo a la izquierda, lejos de los botones flotantes de la derecha.
   Aceptar y Rechazar con el mismo peso visual: rechazar no se esconde. */
.ckc{
  --ckc-ink:#1d1d1f; --ckc-dim:#6e6e73; --ckc-line:rgba(0,0,0,.08); --ckc-blue:#2563eb;
  position:fixed; left:20px; bottom:20px; z-index:1040; width:min(410px, calc(100vw - 40px));
  max-height:calc(100vh - 40px); overflow:auto;
  padding:1.25rem 1.3rem 1.15rem; border-radius:22px; background:#fff; color:var(--ckc-ink);
  border:1px solid var(--ckc-line); box-shadow:0 2px 6px rgba(0,0,0,.05), 0 30px 60px -20px rgba(0,0,0,.3);
  font-size:.92rem; line-height:1.5;
  opacity:0; transform:translateY(14px);
  transition:opacity 220ms ease, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.ckc[hidden]{ display:none; }
.ckc.is-in{ opacity:1; transform:none; }
.ckc-title{ font-weight:800; font-size:1rem; margin:0 0 .35rem; }
.ckc-text{ margin:0; color:var(--ckc-dim); }
.ckc-text a{ color:var(--ckc-ink); font-weight:700; text-decoration:underline; text-underline-offset:2px; }

.ckc-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-top:1rem; }
.ckc-btn{ flex:1 1 0; min-width:0; border:0; border-radius:999px; padding:.62rem 1rem; font:inherit; font-weight:700; cursor:pointer;
  background:#f5f5f7; color:var(--ckc-ink); transition:background-color 160ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1); }
.ckc-btn:hover{ background:#e9e9ee; }
.ckc-btn.is-primary{ background:var(--ckc-ink); color:#fff; }
.ckc-btn.is-primary:hover{ background:#000; }
.ckc-btn:active{ transform:scale(.97); }
.ckc-link{ flex-basis:100%; border:0; background:none; padding:.15rem 0 0; font:inherit; font-weight:700; color:var(--ckc-dim); cursor:pointer; text-align:center; }
.ckc-link:hover{ color:var(--ckc-ink); }
.ckc :focus-visible{ outline:2px solid var(--ckc-blue); outline-offset:2px; }

/* configuración */
.ckc-cfg{ display:none; }
.ckc.is-config .ckc-main{ display:none; }
.ckc.is-config .ckc-cfg{ display:block; }
.ckc-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 0; border-top:1px solid var(--ckc-line); margin:0; cursor:default; }
label.ckc-row{ cursor:pointer; }
.ckc-row strong{ display:block; font-weight:700; }
.ckc-row span{ display:block; color:var(--ckc-dim); font-size:.86rem; }
.ckc-row em{ font-style:normal; font-size:.8rem; font-weight:700; color:var(--ckc-dim); white-space:nowrap; }
.ckc-switch{ appearance:none; -webkit-appearance:none; flex:none; width:44px; height:26px; border-radius:999px; background:#d2d2d7; position:relative; cursor:pointer; margin:0;
  transition:background-color 200ms ease; }
.ckc-switch::after{ content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25);
  transition:transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }
.ckc-switch:checked{ background:#34c759; }
.ckc-switch:checked::after{ transform:translateX(18px); }

@media (max-width:575.98px){
  .ckc{ left:10px; right:10px; bottom:10px; width:auto; padding:1.1rem 1.1rem 1rem; }
}
@media (prefers-reduced-motion:reduce){ .ckc, .ckc-switch, .ckc-switch::after{ transition:none; } }