/* === LPDO LINEA INFO FINAL REAL REV 2.37 === */
/* Línea real antes de Ubicación/Horario. Visible en desktop y mobile. */

/* Apagar líneas fantasma anteriores del bloque info */
#historia .lpdo-info-divider-227,
#historia .lpdo-info-divider-227::before,
#historia .lpdo-info-divider-227::after,
#historia .info-grid::before,
#historia .info-grid::after,
#historia .story-info-grid::before,
#historia .story-info-grid::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Línea real definitiva */
#historia .lpdo-info-line-final-237 {
  display: block !important;
  width: calc(100% - 84px) !important;
  height: 1px !important;
  margin: 38px auto 28px auto !important;
  padding: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(181,91,48,0) 0%,
    rgba(181,91,48,.16) 12%,
    rgba(181,91,48,.16) 88%,
    rgba(181,91,48,0) 100%
  ) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.75) !important;
  pointer-events: none !important;
}

/* El bloque info empieza limpio debajo de la línea */
#historia .info-grid,
#historia .story-info-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Desktop */
@media (min-width: 769px) {
  #historia .lpdo-info-line-final-237 {
    width: calc(100% - 84px) !important;
    margin-top: 42px !important;
    margin-bottom: 30px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  #historia .lpdo-info-line-final-237 {
    width: calc(100% - 36px) !important;
    margin-top: 32px !important;
    margin-bottom: 24px !important;
  }

  #historia #ubicacion.info-card {
    border-top: 0 !important;
  }

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

  #historia .info-card:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width: 420px) {
  #historia .lpdo-info-line-final-237 {
    width: calc(100% - 32px) !important;
    margin-top: 30px !important;
    margin-bottom: 22px !important;
  }
}
