/* === LPDO MARGENES DIVISIONES PERFECTOS REV 2.29 === */
/* Unifica márgenes de TODAS las líneas divisorias. No toca cards ni contenido. */

:root {
  --lpdo-divider-mobile-x: 18px;
  --lpdo-divider-desktop-x: 42px;

  --lpdo-divider-line-final: rgba(181, 91, 48, .052);
  --lpdo-divider-light-final: rgba(255, 255, 255, .76);

  --lpdo-divider-fade-top: rgba(232, 221, 205, .45);
  --lpdo-divider-fade-mid: rgba(242, 233, 220, .34);
  --lpdo-divider-fade-end: rgba(255, 248, 237, 0);
}

/* Línea principal de secciones: mismo margen exacto */
#pedidos::after,
#carta::after,
#historia::after,
.site-footer::after {
  left: var(--lpdo-divider-desktop-x) !important;
  right: var(--lpdo-divider-desktop-x) !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      rgba(181,91,48,0) 0%,
      var(--lpdo-divider-line-final) 10%,
      var(--lpdo-divider-line-final) 90%,
      rgba(181,91,48,0) 100%
    ) !important;
  box-shadow: 0 1px 0 var(--lpdo-divider-light-final) !important;
}

/* Banda crema igual en todos los cortes */
#pedidos::before,
#carta::before,
#historia::before,
.site-footer::before {
  background:
    linear-gradient(
      180deg,
      var(--lpdo-divider-fade-top) 0%,
      var(--lpdo-divider-fade-mid) 44%,
      var(--lpdo-divider-fade-end) 100%
    ) !important;
}

/* DIVISOR PADRE entre imagen de Historia y Horario */
#historia .lpdo-info-divider-227 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 38px !important;
  margin-bottom: 26px !important;
  height: 56px !important;
  background:
    linear-gradient(
      180deg,
      var(--lpdo-divider-fade-top) 0%,
      var(--lpdo-divider-fade-mid) 44%,
      var(--lpdo-divider-fade-end) 100%
    ) !important;
}

/* Misma línea, mismo margen, misma simetría */
#historia .lpdo-info-divider-227::after {
  left: var(--lpdo-divider-desktop-x) !important;
  right: var(--lpdo-divider-desktop-x) !important;
  top: 0 !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      rgba(181,91,48,0) 0%,
      var(--lpdo-divider-line-final) 10%,
      var(--lpdo-divider-line-final) 90%,
      rgba(181,91,48,0) 100%
    ) !important;
  box-shadow: 0 1px 0 var(--lpdo-divider-light-final) !important;
}

/* Quitar cualquier línea interna antigua del info-grid */
#historia .story-info-grid::before,
#historia .story-info-grid::after,
#historia .info-grid::before,
#historia .info-grid::after {
  content: none !important;
  display: none !important;
}

/* Mobile: todos los divisores usan la misma caja visual */
@media (max-width: 768px) {
  #pedidos::after,
  #carta::after,
  #historia::after,
  .site-footer::after {
    left: var(--lpdo-divider-mobile-x) !important;
    right: var(--lpdo-divider-mobile-x) !important;
  }

  #historia .lpdo-info-divider-227 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 34px !important;
    margin-bottom: 24px !important;
    height: 52px !important;
  }

  #historia .lpdo-info-divider-227::after {
    left: var(--lpdo-divider-mobile-x) !important;
    right: var(--lpdo-divider-mobile-x) !important;
  }
}

@media (max-width: 420px) {
  :root {
    --lpdo-divider-mobile-x: 16px;
  }

  #historia .lpdo-info-divider-227 {
    margin-top: 32px !important;
    margin-bottom: 22px !important;
    height: 50px !important;
  }
}