/* === LPDO DIVISIONES MAS AIRE PREMIUM REV 2.28 === */
/* Ajuste fino: más aire, más crema, línea más elegante. No toca estructura ni cards. */

:root {
  --lpdo-premium-cream-top: rgba(232, 221, 205, .54);
  --lpdo-premium-cream-mid: rgba(244, 235, 222, .42);
  --lpdo-premium-cream-end: rgba(255, 248, 237, 0);

  --lpdo-premium-line: rgba(181, 91, 48, .060);
  --lpdo-premium-light: rgba(255, 255, 255, .74);
}

/* Más aire general entre cambios de sección */
#pedidos,
#carta,
#historia,
.site-footer {
  padding-top: 72px !important;
}

/* Banda crema más amplia y premium */
#pedidos::before,
#carta::before,
#historia::before,
.site-footer::before {
  height: 72px !important;
  background:
    linear-gradient(
      180deg,
      var(--lpdo-premium-cream-top) 0%,
      var(--lpdo-premium-cream-mid) 44%,
      var(--lpdo-premium-cream-end) 100%
    ) !important;
}

/* Línea fina más nítida pero menos dura */
#pedidos::after,
#carta::after,
#historia::after,
.site-footer::after {
  left: 42px !important;
  right: 42px !important;
  background:
    linear-gradient(
      90deg,
      rgba(181,91,48,0) 0%,
      var(--lpdo-premium-line) 12%,
      var(--lpdo-premium-line) 88%,
      rgba(181,91,48,0) 100%
    ) !important;
  box-shadow: 0 1px 0 var(--lpdo-premium-light) !important;
}

/* Separación real entre imagen de Historia y Horario */
#historia .lpdo-info-divider-227 {
  height: 72px !important;
  margin-top: 46px !important;
  margin-bottom: 34px !important;
  background:
    linear-gradient(
      180deg,
      var(--lpdo-premium-cream-top) 0%,
      var(--lpdo-premium-cream-mid) 44%,
      var(--lpdo-premium-cream-end) 100%
    ) !important;
}

#historia .lpdo-info-divider-227::after {
  left: 42px !important;
  right: 42px !important;
  background:
    linear-gradient(
      90deg,
      rgba(181,91,48,0) 0%,
      var(--lpdo-premium-line) 12%,
      var(--lpdo-premium-line) 88%,
      rgba(181,91,48,0) 100%
    ) !important;
  box-shadow: 0 1px 0 var(--lpdo-premium-light) !important;
}

/* Que el bloque de info no se pegue al divisor */
#historia .story-info-grid,
#historia .info-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobile: mismo estilo, pero más compacto */
@media (max-width: 768px) {
  #pedidos,
  #carta,
  #historia,
  .site-footer {
    padding-top: 56px !important;
  }

  #pedidos::before,
  #carta::before,
  #historia::before,
  .site-footer::before {
    height: 56px !important;
  }

  #pedidos::after,
  #carta::after,
  #historia::after,
  .site-footer::after {
    left: 18px !important;
    right: 18px !important;
  }

  #historia .lpdo-info-divider-227 {
    height: 54px !important;
    margin-top: 34px !important;
    margin-bottom: 24px !important;
  }

  #historia .lpdo-info-divider-227::after {
    left: 18px !important;
    right: 18px !important;
  }
}

@media (max-width: 420px) {
  #pedidos,
  #carta,
  #historia,
  .site-footer {
    padding-top: 52px !important;
  }

  #pedidos::before,
  #carta::before,
  #historia::before,
  .site-footer::before {
    height: 52px !important;
  }

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