/* Aviso de cookies. Mismo funcionamiento que en b3acon.tech, con los tokens de la identidad de elsilencio (estilos.css). */
.consentimiento[hidden],.consentimiento [hidden]{display:none}
.consentimiento{position:fixed;left:var(--e4);right:var(--e4);bottom:var(--e4);z-index:30;max-width:720px;margin:0 auto;padding:var(--e5);background:var(--papel);color:var(--tinta-suave);border:var(--borde);border-radius:var(--r1);font-size:var(--t-cuerpo-g);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 var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.consentimiento.abierto{opacity:1;transform:none;transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}
.consentimiento .titulo{margin:0 0 var(--e1);font:var(--peso-enfasis) var(--t-subtitulo)/1.3 var(--serif);color:var(--tinta)}
.consentimiento p{margin:0}
.consentimiento a{color:var(--verde-texto)}
.consentimiento-opciones{margin:var(--e4) 0 0;padding:0;border:0;display:grid;gap:var(--e3)}
.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:var(--e3);align-items:start;cursor:pointer}
.consentimiento-opciones input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--tinta)}
.consentimiento-opciones .nota{margin:0;font-size:var(--t-cuerpo);color:var(--gris)}
.consentimiento-opciones strong{font-weight:var(--peso-enfasis);color:var(--tinta)}
/* Los tres botones con el mismo peso: rechazar es tan fácil como aceptar */
.consentimiento-botones{display:flex;flex-wrap:wrap;gap:var(--e3);margin-top:var(--e5)}
.consentimiento button{min-height:44px;padding:0 var(--e5);border:1px solid var(--tinta);border-radius:var(--r1);background:transparent;color:var(--tinta);font:var(--peso-enfasis) var(--t-cuerpo-g)/1 var(--sans);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}
.consentimiento button:active{transform:scale(.97)}
.consentimiento button:focus-visible,.consentimiento input:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .consentimiento button:hover{background:var(--tinta);color:var(--papel)}
}
@media (max-width:560px){
  .consentimiento{left:var(--e3);right:var(--e3);bottom:calc(var(--e3) + env(safe-area-inset-bottom));padding:var(--e4);font-size:var(--t-cuerpo)}
  .consentimiento .titulo{display:none}
  .consentimiento-opciones{margin-top:var(--e3);gap:var(--e3)}
  .consentimiento-botones{flex-wrap:nowrap;gap:var(--e2);margin-top:var(--e3)}
  .consentimiento-botones button{flex:1 1 0;min-width:0;padding:0 var(--e1);font-size:var(--t-cuerpo)}
}
/* Teléfono en horizontal: el aviso ocupa lo mínimo en alto */
@media (max-height:500px) and (min-width:561px){
  .consentimiento{bottom:var(--e2);padding:var(--e3) var(--e4)}
  .consentimiento .titulo{display:none}
  .consentimiento-botones{margin-top:var(--e3)}
}
@media (prefers-reduced-motion:reduce){
  .consentimiento,.consentimiento.abierto{transform:none;transition:opacity var(--dur-2) var(--ease)}
  .consentimiento button:active{transform:none}
}
@media print{.consentimiento{display:none}}

/* Botón con aspecto de enlace, para "Preferencias de cookies" en el pie */
.enlace{background:none;border:0;padding:var(--e3) 0;margin:calc(-1 * var(--e3)) 0;font:inherit;color:var(--verde-texto);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;touch-action:manipulation}
@media (hover:hover) and (pointer:fine){.enlace:hover{text-decoration-thickness:2px}}
.enlace:focus-visible{outline:2px solid var(--verde);outline-offset:2px;border-radius:2px}