/* ============================================ */
/* QUIBARCA — Estilos globales del sitio        */
/* ============================================ */

/* ---------- Top Bar ---------- */
.qb-topbar {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.qb-topbar::-webkit-scrollbar {
  display: none;
}
.qb-topbar-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
  white-space: nowrap;
  min-width: max-content;
  padding-left: 1rem;
  padding-right: 1rem;
}
.qb-topbar-inner > span {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  flex: 0 0 auto;
}
.qb-topbar-inner svg {
  flex: 0 0 auto;
}
.qb-topbar-inner a {
  white-space: nowrap;
}
.popup-overlay {
  transition: opacity 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
.popup-overlay.active {
  opacity: 1;
  pointer-events: auto;
}
.popup-overlay.hidden {
  display: none;
}
.popup-overlay .absolute {
  background: rgba(0, 0, 0, 0.7);
}
.popup-content {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.95);
  opacity: 0;
}
.popup-content.active {
  transform: scale(1);
  opacity: 1;
}

/* ---------- Selector de idioma (mobile) ---------- */
@media (max-width: 1023px) {
  [data-lang-switcher] select {
    width: 100%;
    padding: 0.75rem 0.75rem;
  }
}