/* ============================================================
   Viajes Fontao — Tailwind utilities replacement
   Replaces Tailwind CDN with static CSS for the few utilities used.
   ============================================================ */

/* Display */
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.flex { display: flex; }

/* Flex utilities */
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }

/* Gap */
.gap-5 { gap: 20px; }

/* sr-only (screen reader only) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Focus visible utilities */
.focus\:sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: inherit;
  margin: inherit;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* Mobile breakpoint (768px) */
@media (min-width: 768px) {
  .md\:block  { display: block; }
  .md\:inline-flex { display: inline-flex; }
}

/* Tablet breakpoint (1024px) */
@media (min-width: 1024px) {
  .lg\:block { display: block; }
}

/* Not sr-only (when focused) */
.sr-only.focus:not(.sr-only) {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 300;
  padding: 8px 16px;
  background: #B8892A;
  color: #0F2942;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  clip: auto;
  width: auto;
  height: auto;
  overflow: visible;
}