/* Aviso de cookies. Se carga despues de style.css y reutiliza sus variables.
   Aceptar y Rechazar: mismo tamano, misma forma, mismo peso y contraste. */
.ck{position:fixed;z-index:80;right:var(--gut);bottom:max(1rem,env(safe-area-inset-bottom));width:min(27rem,calc(100vw - 2 * var(--gut)));max-height:calc(100vh - 1.5rem);max-height:calc(100dvh - 1.5rem);overflow-y:auto;overscroll-behavior:contain;padding:1.35rem 1.35rem 1rem;background:rgba(20,20,20,.97);border:1px solid rgba(212,164,74,.3);border-radius:16px;box-shadow:0 28px 70px -24px rgba(0,0,0,.9);animation:ck-in .7s var(--suave) both}
.ck[hidden],.ck [hidden]{display:none!important}
.ck:focus{outline:none}
.ck:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
@keyframes ck-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}
.ck__t{font-family:var(--f-titulo);font-weight:800;font-size:1.3125rem;line-height:1.1;letter-spacing:-.03em;word-spacing:.12em}
.ck__d{margin-top:.6rem;font-size:.9375rem;line-height:1.5;color:var(--sec)}
.ck__d a{color:var(--texto);text-underline-offset:.25em;text-decoration-color:rgba(212,164,74,.6)}
.ck__d a:hover{text-decoration-color:var(--naranja)}
.ck__panel{display:grid;gap:.9rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--filete)}
.ck__op{display:flex;gap:.8rem;align-items:flex-start;font-size:.9375rem;line-height:1.45;color:var(--sec);cursor:pointer}
.ck__op input{flex:none;width:1.3rem;height:1.3rem;margin:.1rem 0 0;accent-color:var(--naranja)}
.ck__op input:disabled{cursor:not-allowed}
.ck__op b{display:block;color:var(--texto);font-weight:600}
.ck__acc{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.ck__b{min-height:3rem;padding:0 1rem;border:0;border-radius:999px;font:800 1rem/1 var(--f-texto);letter-spacing:-.01em;cursor:pointer;transition:transform .35s var(--suave),background-color .25s}
.ck__b:hover{transform:translateY(-1px)}
.ck__b:active{transform:none}
.ck__b--si{background:var(--naranja);color:var(--bg)}
.ck__b--si:hover{background:var(--naranja-claro)}
.ck__b--no{background:var(--texto);color:var(--bg)}
.ck__b--no:hover{background:#fff}
.ck__b--guardar{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1px var(--oro)}
.ck__b--guardar:hover{background:rgba(212,164,74,.12)}
.ck__cfg{grid-column:1 / -1;min-height:2.75rem;background:none;border:0;color:var(--texto);font:600 .9375rem/1 var(--f-texto);text-decoration:underline;text-underline-offset:.25em;text-decoration-color:rgba(212,164,74,.6);cursor:pointer}
.ck__cfg:hover{text-decoration-color:var(--naranja)}

/* boton del pie que reabre el aviso: se ve como los demas enlaces legales */
.pie__cookies{padding:0;border:0;background:none;font:inherit;color:var(--texto);text-decoration:underline;text-underline-offset:.25em;text-decoration-color:rgba(212,164,74,.6);cursor:pointer}
.pie__cookies:hover{text-decoration-color:var(--naranja)}

@media (max-width:719px),(max-aspect-ratio:1/1){
  .ck{left:.75rem;right:.75rem;width:auto;bottom:max(.75rem,env(safe-area-inset-bottom));padding:1.1rem 1.1rem .75rem}
  .ck__t{font-size:1.125rem}
  .ck__d{margin-top:.4rem;font-size:.8125rem;line-height:1.45}
  .ck__acc{margin-top:.8rem;gap:.5rem}
  .ck__b{min-height:2.75rem}
  .ck__cfg{min-height:2.25rem;font-size:.875rem}
}
/* en vertical, mientras el aviso esta visible el titular, el boton y las notas de la portada suben por encima de el (--ck-h la mide cookies.js) */
@media (max-aspect-ratio:1/1){
  .hero,.nota,.nota--izq,.nota--der{transition:bottom .45s var(--suave)}
  .hay-aviso:not(.es-estatica) .hero{bottom:calc(clamp(3.5rem,13svh,8rem) + var(--ck-h,0px) + .75rem)}
  .hay-aviso:not(.es-estatica) .nota,.hay-aviso:not(.es-estatica) .nota--izq,.hay-aviso:not(.es-estatica) .nota--der{bottom:calc(6.5svh + env(safe-area-inset-bottom) + var(--ck-h,0px))}
}
@media (prefers-reduced-motion:reduce){
  .ck{animation:none}
  .ck__b{transition:none}
  .hero,.nota,.nota--izq,.nota--der{transition:none}
}
#contenido:focus{outline:none}