/* Barra "Una app de Relative Developers" para la web de cada app.
   Copia este archivo, rd-bar.js y rd-logo-64.png a la carpeta static/ del proyecto.
   Versión original: la web de Relative Developers, carpeta shared/rd-bar/ */

.rd-bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.35rem clamp(1rem, 3vw, 2rem);
  background: #16232D;
  color: #C9D4DA;
  font: 400 0.85rem/1.3 "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #1D4EF5, #D0177A) 1;
}
.rd-bar a { color: inherit; text-decoration: none; }
.rd-home { display: flex; align-items: center; gap: 0.45rem; }
.rd-home img { width: 20px; height: 20px; display: block; }
.rd-home strong { color: #FFFFFF; font-weight: 700; }
.rd-bar .rd-more { margin-left: auto; color: #FF6FB4; white-space: nowrap; }
.rd-home:hover strong, .rd-bar .rd-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.rd-bar a:focus-visible { outline: 2px solid #8099FF; outline-offset: 2px; border-radius: 2px; }
@media (max-width: 30rem) { .rd-bar .rd-more { display: none; } }