/*
 * Aviso de cookies. Rechazar y Aceptar son idénticos a propósito: mismo
 * tamaño, mismo peso, mismo color. Resaltar uno empujaría a elegirlo.
 * Colores de la web (noche y faro); los mismos valores en la home 3D y en Astro.
 */
#gl-cookies {
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem;
  z-index: 2147483000;
  max-width: 46rem; margin-inline: auto;
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem;
  padding: 1.1rem 1.25rem;
  background: #11223a; color: #eaf1f9;
  border: 1px solid #1d3350; border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .45);
  font: 400 .9rem/1.55 "Plus Jakarta Sans", "Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
#gl-cookies p { margin: 0; }
#gl-cookies .gl-cookies__texto { flex: 1 1 18rem; }
#gl-cookies .gl-cookies__titulo { font-weight: 700; margin-bottom: .2rem; }
#gl-cookies a { color: #fe9b01; text-decoration: underline; text-underline-offset: 2px; }
#gl-cookies a:hover { color: #ffb84d; }

#gl-cookies .gl-cookies__botones { display: flex; gap: .75rem; flex: 0 0 auto; }
#gl-cookies button {
  min-height: 44px; min-width: 7rem; padding: 0 1.4rem;
  background: transparent; color: #eaf1f9;
  border: 1px solid #eaf1f9; border-radius: 10px;
  font-family: inherit; font-size: .9rem; font-weight: 600; line-height: 1; cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
#gl-cookies button:hover { background: #eaf1f9; color: #0b1626; }
#gl-cookies a:focus-visible,
#gl-cookies button:focus-visible { outline: 2px solid #fe9b01; outline-offset: 3px; }

@media (max-width: 36rem) {
  #gl-cookies { left: .6rem; right: .6rem; bottom: .6rem; padding: 1rem; }
  #gl-cookies .gl-cookies__botones { flex: 1 1 100%; }
  #gl-cookies button { flex: 1 1 0; }
}
@media (prefers-reduced-motion: reduce) {
  #gl-cookies button { transition: none; }
}