/* === LPDO PEDIDOS CENTER REAL REV 1.72 === */
/* Centra TODO Pedidos: etiqueta, título, bajada y grilla. */

#pedidos {
  width: 100% !important;
  box-sizing: border-box !important;
}

#pedidos.lpdo-center-real {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Todos los hijos directos quedan dentro de un ancho centrado */
#pedidos.lpdo-center-real > * {
  width: min(100%, var(--lpdo-pedidos-center-width, 1120px)) !important;
  max-width: var(--lpdo-pedidos-center-width, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Grilla real de cards */
#pedidos .lpdo-pedidos-grid-real {
  display: grid !important;
  width: min(100%, var(--lpdo-pedidos-center-width, 1120px)) !important;
  max-width: var(--lpdo-pedidos-center-width, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* Desktop grande */
@media (min-width: 1181px) {
  #pedidos.lpdo-center-real {
    --lpdo-pedidos-center-width: 1120px;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  #pedidos .lpdo-pedidos-grid-real {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Tablet / ventana con devtools */
@media (min-width: 769px) and (max-width: 1180px) {
  #pedidos.lpdo-center-real {
    --lpdo-pedidos-center-width: 760px;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  #pedidos .lpdo-pedidos-grid-real {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Mobile ancho */
@media (min-width: 380px) and (max-width: 768px) {
  #pedidos.lpdo-center-real {
    --lpdo-pedidos-center-width: 100%;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #pedidos .lpdo-pedidos-grid-real {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

/* Mobile angosto */
@media (max-width: 379px) {
  #pedidos.lpdo-center-real {
    --lpdo-pedidos-center-width: 100%;
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  #pedidos .lpdo-pedidos-grid-real {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}