/* Aviso de cookies. Usa los tokens de color definidos en cada página. */
.consentimiento[hidden],.consentimiento [hidden]{display:none}
.consentimiento{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:720px;margin:0 auto;padding:20px 24px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:3px;font-size:15px;line-height:1.5;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(8px);transition:opacity 160ms ease,transform 160ms ease}
.consentimiento.abierto{opacity:1;transform:none;transition:opacity 240ms cubic-bezier(.23,1,.32,1),transform 240ms cubic-bezier(.23,1,.32,1)}
.consentimiento .titulo{font-weight:600;color:var(--tit);margin:0 0 6px;font-size:16px}
.consentimiento p{margin:0}
.consentimiento-opciones{margin:16px 0 0;padding:0;border:0;display:grid;gap:12px}
.consentimiento-opciones legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.consentimiento-opciones label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;cursor:pointer}
.consentimiento-opciones input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--tit)}
.consentimiento-opciones .nota{margin:0;font-size:14px;color:var(--meta)}
.consentimiento-opciones strong{font-weight:600;color:var(--tit)}
.consentimiento-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.consentimiento button{min-height:44px;padding:0 18px;border:1px solid var(--tit);border-radius:2px;background:transparent;color:var(--tit);font:500 15px/1 var(--sans);cursor:pointer;touch-action:manipulation;transition:background-color 150ms ease,color 150ms ease,transform 120ms ease-out}
.consentimiento button:active{transform:scale(.97)}
.consentimiento button:focus-visible,.consentimiento input:focus-visible{outline:2px solid var(--senal);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .consentimiento button:hover{background:var(--tit);color:var(--bg)}
}
@media (max-width:560px){
  .consentimiento{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:14px 16px;font-size:14px}
  .consentimiento .titulo{display:none}
  .consentimiento-opciones{margin-top:12px;gap:10px}
  .consentimiento-botones{flex-wrap:nowrap;gap:8px;margin-top:12px}
  .consentimiento-botones button{flex:1 1 0;min-width:0;padding:0 6px;font-size:14px}
}
/* Teléfono en horizontal: el aviso ocupa lo mínimo en alto */
@media (max-height:500px) and (min-width:561px){
  .consentimiento{bottom:8px;padding:12px 18px}
  .consentimiento .titulo{display:none}
  .consentimiento-botones{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){
  .consentimiento,.consentimiento.abierto{transform:none;transition:opacity 200ms ease}
  .consentimiento button:active{transform:none}
}
@media print{.consentimiento{display:none}}

/* Foco de respaldo al cerrar el aviso: el contenedor principal no muestra anillo */
main[tabindex="-1"]:focus{outline:none}

/* Botón con aspecto de enlace, para "Preferencias de cookies" */
.enlace{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;touch-action:manipulation;transition:color 150ms ease}
.enlace:focus-visible{outline:2px solid var(--senal);outline-offset:3px;border-radius:2px}