/* Aviso de cookies de las paginas publicas de Flowvex.

   Medido el 11 de octubre de 2026 en este proyecto: la web no carga ninguna
   analitica ni ninguna cookie de terceros. Lo unico que se guarda en el
   navegador es lo imprescindible (la sesion y los datos de la app) y las
   fuentes de letra de Google. Por eso el aviso dice la verdad y no pide
   permiso de nada: no hay nada que aceptar ni que rechazar.

   La decision de "ya lo he leido" NO se guarda en una cookie: se guarda en el
   propio navegador, que es justo lo que el aviso cuenta.

   Deshacer: borrar este archivo, borrar js/aviso-cookies.js y quitar las dos
   lineas que se anadieron justo antes de </body> en cada pagina. */

.fx-aviso{
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  padding:14px 22px 14px 25px;
  background:rgba(8,8,8,.94);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-top:1px solid rgba(255,255,255,.125);
  box-shadow:0 -18px 40px rgba(0,0,0,.55);
  font-family:"Plus Jakarta Sans",-apple-system,system-ui,"Segoe UI",sans-serif;
  font-weight:300; color:#f3f3f3;
}
.fx-aviso::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#7A1E34;
}
.fx-aviso-texto{
  margin:0; font-size:13px; line-height:1.5; color:rgba(243,243,243,.62); max-width:78ch;
}
.fx-aviso-texto b{color:#f3f3f3; font-weight:500}
.fx-aviso-acciones{display:flex; align-items:center; gap:14px; margin-left:auto; flex-shrink:0}
.fx-aviso-acciones a{
  color:#f3f3f3; font-size:13px; text-decoration:none; padding-bottom:1px;
  border-bottom:1px solid rgba(255,255,255,.125);
}
.fx-aviso-acciones a:hover{border-bottom-color:#f3f3f3}
.fx-aviso-ok{
  font-family:inherit; font-size:13px; font-weight:500; padding:9px 18px; border-radius:5px;
  background:#7A1E34; color:#fff; border:0; cursor:pointer;
}
.fx-aviso-ok:hover{background:#4A0D1D}

@media (max-width:640px){
  .fx-aviso{padding:14px 16px 16px 19px; gap:12px}
  .fx-aviso-texto{font-size:12.5px}
  .fx-aviso-acciones{margin-left:0; width:100%; justify-content:space-between}
}