/* === LPDO INFO ORDEN ROBUSTO REV 2.33 === */
/* Orden: Ubicación, Horario, Contacto, Reservas + división restaurada */

/* Fallback de orden por CSS, aunque el HTML no se mueva */
#historia #ubicacion { order: 1 !important; }
#historia #horario { order: 2 !important; }
#historia #contacto { order: 3 !important; }
#historia #reservas { order: 4 !important; }

#historia .info-grid,
#historia .story-info-grid {
  position: relative !important;
  display: flex !important;
}

/* División superior restaurada */
#historia .info-grid::before,
#historia .story-info-grid::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -30px !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      rgba(181,91,48,0) 0%,
      rgba(181,91,48,.13) 10%,
      rgba(181,91,48,.13) 90%,
      rgba(181,91,48,0) 100%
    ) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.70) !important;
  pointer-events: none !important;
}

/* Desktop */
@media (min-width: 769px) {
  #historia .info-grid,
  #historia .story-info-grid {
    margin-top: 56px !important;
    padding-top: 0 !important;
    flex-direction: row !important;
  }

  #historia .info-grid::before,
  #historia .story-info-grid::before {
    top: -34px !important;
    left: 0 !important;
    right: 0 !important;
  }

  #historia .info-card {
    flex: 1 1 0 !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  #historia .info-grid,
  #historia .story-info-grid {
    margin-top: 42px !important;
    padding-top: 0 !important;
    flex-direction: column !important;
  }

  #historia .info-grid::before,
  #historia .story-info-grid::before {
    top: -24px !important;
    left: 18px !important;
    right: 18px !important;
  }

  #historia #horario.info-card {
    border-top: 1px solid rgba(181,91,48,.13) !important;
  }
}