/* Mente Pausada - banner y ajustes de cookies. Lo usan las cinco paginas.
   El marcado lo crea assets/consent.js: sin JavaScript no hay medicion,
   asi que tampoco hace falta pedir permiso. */
.cookie-banner{animation:cookieEntra .4s cubic-bezier(.16,1,.3,1) both;position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--crema);color:var(--tinta);
  border-top:2px solid var(--naranja);padding:18px 20px calc(18px + env(safe-area-inset-bottom));
  box-shadow:0 -18px 40px rgba(13,13,13,.18)}
.cookie-inner{max-width:1180px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.cookie-title{font-family:var(--display);font-size:20px;letter-spacing:.01em;margin:0 0 4px}
.cookie-text{font-size:13.5px;line-height:1.6;max-width:62ch;color:#4a443d;margin:0}
.cookie-text a{color:var(--terra-deep);font-weight:700}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{padding:12px 18px;border-radius:999px;border:1px solid rgba(20,18,16,.3);background:transparent;
  color:var(--tinta);font-family:inherit;font-size:13px;font-weight:800;min-height:44px;cursor:pointer}
.cookie-btn:hover{border-color:var(--tinta)}
.cookie-btn-main{background:var(--naranja);border-color:var(--naranja);color:#141210}
#cookie-dialog{border:none;border-radius:16px;padding:0;max-width:min(560px,calc(100% - 32px));
  color:var(--tinta);background:var(--crema);font-family:var(--body)}
#cookie-dialog::backdrop{background:rgba(13,13,13,.62)}
.cookie-dialog-inner{padding:26px;display:grid;gap:16px}
.cookie-dialog-inner h2{font-family:var(--display);font-size:26px;margin:0}
.cookie-row{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}
.cookie-row input{margin-top:3px;width:18px;height:18px;accent-color:var(--naranja);flex-shrink:0}
.solo-movil{display:none}
.foot-cookie{background:none;border:none;color:inherit;font:inherit;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;padding:0}
@media (max-width:640px){
  /* En el telefono el aviso ocupaba el 30% de la pantalla. Compacto: una
     franja baja, con los tres botones en una sola fila. */
  .cookie-banner{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .cookie-inner{gap:7px}
  .cookie-title{display:none}
  .cookie-text{font-size:11px;line-height:1.35}
  .solo-ancho{display:none}
  .solo-movil{display:inline}
  .cookie-actions{width:100%;gap:6px;flex-wrap:nowrap}
  .cookie-actions .cookie-btn{flex:1 1 0;min-width:0;padding:10px 4px;font-size:10.5px;
    letter-spacing:0;min-height:44px;white-space:nowrap}
}
@keyframes cookieEntra{from{transform:translateY(100%)}to{transform:none}}