/* Banner de consentimiento de cookies. Todas las reglas cuelgan de #aviso-cookies:
   con el banner cerrado este fichero no aplica nada al resto de la página. */

#aviso-cookies{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:99999;
  background:#ffffff;
  border-top:1px solid #e2e2e2;
  box-shadow:0 -4px 24px rgba(0,0,0,.08);
  padding:16px 24px;
  font-family:inherit;
  font-size:14px;
  line-height:1.5;
  color:#1a1a1a;
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  align-items:center;
  justify-content:center;
}
#aviso-cookies p{
  margin:0;
  max-width:640px;
  color:inherit; /* gana a cualquier regla "p{color:...}" de la página */
  font-size:14px;
  line-height:1.5;
}
#aviso-cookies a{
  color:inherit;
  text-decoration:underline;
}
#aviso-cookies .botones{
  display:flex;
  gap:8px;
  flex-shrink:0;
}
#aviso-cookies button{
  font:inherit;
  font-size:14px;
  padding:10px 22px;
  border-radius:6px;
  cursor:pointer;
  border:1px solid #1a1a1a;
}
#aviso-cookies .aceptar{
  background:#1a1a1a;
  color:#ffffff;
}
#aviso-cookies .rechazar{
  background:#ffffff;
  color:#1a1a1a;
}
#aviso-cookies button:hover{
  opacity:.85;
}
@media (max-width:600px){
  #aviso-cookies{
    flex-direction:column;
    text-align:center;
    padding:14px 16px;
  }
  #aviso-cookies .botones{
    width:100%;
  }
  #aviso-cookies button{
    flex:1;
  }
}

/* Piel del modo consola: lee la paleta --jc-* de consola.css, como los juegos,
   así sigue al modo sin saber que existe. */
html[data-modo="consola"] #aviso-cookies{
  background:var(--jc-fondo,#0e0d08);
  border-top:1px solid var(--jc-tinta,#ffc352);
  color:var(--jc-tinta,#ffc352);
  box-shadow:none;
}
html[data-modo="consola"] #aviso-cookies button{
  border-radius:0;
  border:1px solid var(--jc-tinta,#ffc352);
}
html[data-modo="consola"] #aviso-cookies .aceptar{
  background:var(--jc-tinta,#ffc352);
  color:var(--jc-fondo,#0e0d08);
}
html[data-modo="consola"] #aviso-cookies .rechazar{
  background:var(--jc-fondo,#0e0d08);
  color:var(--jc-tinta,#ffc352);
}
