/* Praksis — banner y panel de consentimiento de cookies.
   Mismo lenguaje que el resto del sitio: vidrio, píldoras y azul eléctrico.
   Se carga en todas las páginas públicas. */

.cartel-cookies{
  position:fixed;left:50%;bottom:calc(var(--marco,14px) + 12px);z-index:60;
  width:min(880px,100% - var(--marco,14px) * 2 - 24px);
  display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:nowrap;
  padding:20px 24px;border-radius:20px;
  background:rgba(8,20,46,.92);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(18px);
  box-shadow:0 26px 60px -26px rgba(0,0,0,.95);
  color:var(--blanco,#F6F8FF);
  opacity:0;translate:-50% 14px;
  transition:opacity .45s var(--ease,ease),translate .45s var(--ease,ease);
}
.cartel-cookies.visible{opacity:1;translate:-50% 0}
.cartel-cookies p{margin:0;font-size:.9rem;line-height:1.6;color:var(--tenue,rgba(246,248,255,.66));
  flex:1 1 auto;min-width:0}
.cartel-cookies strong{color:var(--blanco,#F6F8FF);font-weight:600}
.cartel-cookies a{color:var(--claro,#8FA9FF);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(143,169,255,.4)}
.cartel-cookies a:hover{text-decoration-color:var(--claro,#8FA9FF)}
.cartel-cookies .acciones{display:flex;gap:10px;flex:none}

/* las dos opciones pesan igual: ni el sí ni el no destacan sobre el otro */
.boton-cookie{
  padding:11px 22px;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;
  background:rgba(255,255,255,.09);color:var(--blanco,#F6F8FF);
  border:1px solid rgba(255,255,255,.18);
  transition:background .3s var(--ease,ease),transform .3s var(--ease,ease);
}
.boton-cookie:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.boton-cookie[aria-pressed="true"]{background:rgba(43,84,245,.32);border-color:rgba(143,169,255,.5)}

/* panel de preferencias, dentro de la política de cookies */
.panel-cookies{border-radius:18px;padding:22px;margin:6px 0 4px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid var(--vidrio-borde,rgba(255,255,255,.18))}
.panel-cookies h3{margin:0 0 6px}
.panel-cookies .estado{font-size:.9rem;color:var(--tenue,rgba(246,248,255,.66));margin-bottom:16px}
.panel-cookies .estado b{color:var(--claro,#8FA9FF);font-weight:600}
.panel-cookies .acciones{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:720px){
  .cartel-cookies{padding:18px;gap:14px;flex-wrap:wrap;width:calc(100% - var(--marco,14px) * 2 - 12px)}
  .cartel-cookies .acciones{width:100%}
  .cartel-cookies .boton-cookie{flex:1;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .cartel-cookies{transition-duration:.01ms}
}