/* Urania — parche responsivo. Carga DESPUÉS de Tailwind CDN; gana por !important. */
@media (max-width: 768px) {
  /* ---- Dashboards: matar sidebar fijo + offset que deja franja blanca ---- */
  aside.fixed { display: none !important; }
  main.ml-64 { margin-left: 0 !important; }
  /* headers de dashboard: eran fixed right-0 w-[calc(100%-16rem)] */
  header.fixed[class*="calc(100%-16rem)"] {
    position: sticky !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important;
  }
  /* menos padding superior ahora que el header es sticky, no fijo flotante */
  main.ml-64 { padding-top: 16px !important; }
  main.ml-64 .pt-28 { padding-top: 16px !important; }

  /* ---- Paddings/gaps de escritorio → móvil ---- */
  .px-margin-desktop { padding-left: 18px !important; padding-right: 18px !important; }
  .py-section-gap { padding-top: 56px !important; padding-bottom: 56px !important; }
  .pt-section-gap { padding-top: 56px !important; }
  .pb-section-gap { padding-bottom: 56px !important; }
  .mb-section-gap { margin-bottom: 48px !important; }
  .mt-32 { margin-top: 44px !important; }
  .gap-16 { gap: 36px !important; }
  .p-16 { padding: 24px !important; }
  .p-12 { padding: 22px !important; }
  .p-10 { padding: 20px !important; }

  /* ---- Tipografía gigante ---- */
  .text-display-lg,
  h1.text-display-lg,
  .md\:text-\[64px\] { font-size: 34px !important; line-height: 1.15 !important; }
  .text-5xl { font-size: 32px !important; }
  .text-4xl { font-size: 28px !important; }

  /* ---- Detalle de viaje: collage hero de 12 columnas → apilado ---- */
  header > .grid.grid-cols-12 {
    display: flex !important; flex-direction: column !important; height: auto !important;
  }
  header > .grid.grid-cols-12 > .col-span-8 { width: 100% !important; height: 240px !important; }
  header > .grid.grid-cols-12 > .col-span-4 { width: 100% !important; flex-direction: row !important; gap: 12px !important; }
  header > .grid.grid-cols-12 > .col-span-4 > div { flex: 1 1 0 !important; height: 150px !important; }
  .hero-title-overlap { margin-top: -50px !important; }

  /* ---- Tablas: scroll horizontal en vez de romper ---- */
  table { display: block !important; width: 100% !important; overflow-x: auto !important; white-space: nowrap !important; }

  /* ---- Hero marketplace: no tan alto ---- */
  section.min-h-\[716px\] { min-height: 520px !important; }
}