/**
 * Aviso de cookies.
 *
 * Hoja aparte a proposito: assets/site.css es la linea grafica aprobada y no se toca.
 * Todo lo de aqui se apoya en las variables que esa hoja ya define, para que el aviso
 * herede la identidad sin duplicar ni un color.
 */

.ks-cookies{
  position:fixed;inset:auto 0 0 0;z-index:60;
  padding:var(--s-4);
  background:var(--c-surface);
  border-top:1px solid var(--c-rule-strong);
  box-shadow:0 -18px 40px rgba(0,0,0,.45);
}
.ks-cookies[hidden]{display:none}

.ks-cookies__caja{
  max-width:var(--wrap,1140px);margin:0 auto;
  display:flex;flex-direction:column;gap:var(--s-3);
}

.ks-cookies__titulo{
  margin:0;font-size:1rem;font-weight:var(--w-bold);
  color:var(--c-ink);letter-spacing:-.01em;
}

.ks-cookies__texto{
  margin:0;font-size:var(--fs-small);line-height:1.55;
  color:var(--c-ink-soft);max-width:74ch;
}
.ks-cookies__texto a{color:var(--c-accent)}

.ks-cookies__panel{
  display:flex;flex-direction:column;gap:var(--s-3);
  padding:var(--s-4);margin-top:var(--s-2);
  background:var(--c-paper);
  border:1px solid var(--c-rule);border-radius:var(--radius-lg,10px);
}
.ks-cookies__panel[hidden]{display:none}

.ks-cookies__fila{
  display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);
  align-items:start;font-size:var(--fs-small);line-height:1.5;
  color:var(--c-ink-soft);cursor:pointer;
}
.ks-cookies__fila input{margin-top:3px;accent-color:var(--c-accent);width:16px;height:16px}
.ks-cookies__fila input:disabled{cursor:not-allowed;opacity:.65}
.ks-cookies__fila strong{color:var(--c-ink);display:block}

.ks-cookies__botones{
  display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;
  margin-top:var(--s-2);
}
.ks-cookies__botones [hidden]{display:none}

/* Enlace de servicio, no un tercer boton compitiendo con los dos que deciden. */
.ks-cookies__mas{
  appearance:none;background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:var(--fs-small);
  color:var(--c-ink-mute);text-decoration:underline;text-underline-offset:3px;
}
.ks-cookies__mas:hover{color:var(--c-ink)}

/* Boton para volver a abrir la decision: discreto, abajo a la izquierda. */
.ks-cookies__reabrir{
  position:fixed;left:var(--s-4);bottom:var(--s-4);z-index:59;
  appearance:none;cursor:pointer;
  padding:6px 12px;
  background:var(--c-surface);color:var(--c-ink-mute);
  border:1px solid var(--c-rule-strong);border-radius:999px;
  font-family:var(--f-data);font-weight:var(--w-bold);
  font-size:.62rem;letter-spacing:var(--track-wide,.14em);text-transform:uppercase;
}
.ks-cookies__reabrir[hidden]{display:none}
.ks-cookies__reabrir:hover{color:var(--c-ink);border-color:var(--c-accent)}

.ks-cookies :focus-visible,
.ks-cookies__reabrir:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}

@media (max-width:640px){
  .ks-cookies__botones .btn{flex:1 1 100%;justify-content:center}
  .ks-cookies__reabrir{left:auto;right:var(--s-4)}
}

@media (prefers-reduced-motion:reduce){
  .ks-cookies,.ks-cookies__reabrir{transition:none}
}
