/* Banner de consentimiento de cookies.
   Lo usan tanto la landing como las páginas legales; ambas definen las mismas
   variables de color en su :root (index.html y assets/legal.css). */

.cookies{
  position:fixed;left:24px;bottom:24px;z-index:200;
  width:min(420px, calc(100vw - 48px));
  background:var(--bg);
  border:1px solid var(--border-strong);
  border-radius:18px;
  padding:22px 24px;
  box-shadow:0 18px 48px rgba(14,14,20,.18);
  transform:translateY(140%);
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.cookies.is-open{transform:translateY(0)}
.cookies-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:23px;color:var(--ink);letter-spacing:.01em;
  margin-bottom:8px;
}
.cookies-body{font-size:14.5px;line-height:1.55;color:var(--soft);margin-bottom:18px}
.cookies-body a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.cookies-actions{display:flex;gap:10px}
.cookies-btn{
  flex:1;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:16px;letter-spacing:.04em;
  padding:12px 18px;border-radius:100px;cursor:pointer;
  transition:opacity .15s,transform .15s;
}
.cookies-btn:hover{opacity:.88;transform:translateY(-1px)}
.cookies-accept{background:var(--orange);color:#fff;border:1px solid var(--orange)}
.cookies-reject{background:transparent;color:var(--soft);border:1px solid var(--border-strong)}
@media(max-width:560px){
  .cookies{left:12px;right:12px;bottom:12px;width:auto;padding:20px}
  .cookies-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .cookies{transition:none}
}