/* =========================================================
   AVISO DE COOKIES (común a todas las páginas)
   Depende solo de las variables CSS que define cada página
   (--ink, --mint, --on-ink...). Los botones van con clases
   propias (.nc-btn) para no depender del CSS de cada página.
   ========================================================= */

:root{ --nc-sombra-aviso: 0 -8px 30px rgba(0,0,0,.25); }

.floating-notice{
  position:fixed; left:0; right:0; bottom:0; width:100%; z-index:9999;
  display:none; align-items:center; justify-content:space-between; gap:24px;
  padding:16px clamp(20px, 5vw, 40px);
  background:var(--ink); color:var(--on-ink);
  border-top:1px solid var(--line-ink);
  box-shadow:var(--nc-sombra-aviso);
  font-family:var(--f-body);
}
.floating-notice.is-visible{ display:flex; }
.floating-notice__text{ flex:1; max-width:800px; }
.floating-notice__title{ font-family:var(--f-head); font-size:16px; font-weight:800; letter-spacing:-0.01em; margin:0 0 4px; color:var(--on-ink); }
.floating-notice p{ font-size:14px; font-weight:500; line-height:1.5; color:var(--on-ink-soft); margin:0; }
.floating-notice a{ color:var(--mint-light, var(--mint)); text-decoration:underline; text-underline-offset:2px; }
.floating-notice__actions{ display:flex; gap:10px; flex-shrink:0; }

.nc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--f-detail); font-size:14px; font-weight:700; line-height:1.2;
  padding:11px 20px; border-radius:999px; cursor:pointer; margin:0;
  transition:background .2s, border-color .2s;
}
.nc-btn--primary{ background:var(--mint); color:var(--on-ink); border:1px solid var(--mint); }
.nc-btn--primary:hover{ background:var(--mint-hover); border-color:var(--mint-hover); }
.nc-btn--ghost{ background:transparent; color:var(--on-ink); border:1px solid var(--line-ink); }
.nc-btn--ghost:hover{ background:var(--glass); border-color:var(--muted); }

@media (max-width:768px){
  .floating-notice{ flex-direction:column; align-items:stretch; padding:14px 16px 16px; gap:12px; }
  .floating-notice__text{ max-width:none; }
  .floating-notice__title{ font-size:15px; }
  .floating-notice p{ font-size:13px; }
  .floating-notice__actions{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
}

/* Mientras el aviso está abierto, el botón de WhatsApp sube para no quedar tapado.
   --nc-aviso-h lo calcula consentimiento.js con la altura real del aviso. */
.wa-float{ transition:bottom .25s, transform .25s, background .25s; }
.nc-aviso-abierto .wa-float{ bottom:calc(24px + var(--nc-aviso-h, 0px)); }