/* === LPDO PEDIDOS TOQUE PREMIUM REV 1.55 === */
/* Solo detalle visual final de Pedidos. No cambia estructura, textos ni tamaños base. */

#pedidos {
  position: relative !important;
  overflow: hidden !important;
}

#pedidos::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(760px, 86vw) !important;
  height: 260px !important;
  transform: translate(-50%, -24%) !important;
  background:
    radial-gradient(circle, rgba(181, 91, 48, .075), transparent 64%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#pedidos > * {
  position: relative !important;
  z-index: 1 !important;
}

#pedidos .lpdo-order-card-clean {
  position: relative !important;
  isolation: isolate !important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease !important;
}

#pedidos .lpdo-order-card-clean::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.55), transparent 42%),
    radial-gradient(circle at 50% 0%, rgba(181,91,48,.055), transparent 48%) !important;
  opacity: .9 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

#pedidos .lpdo-order-divider i {
  box-shadow:
    0 0 0 4px rgba(181, 91, 48, .08),
    0 0 14px rgba(181, 91, 48, .18) !important;
}

@media (min-width: 769px) {
  #pedidos .lpdo-order-card-clean:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(181, 91, 48, .26) !important;
    box-shadow:
      0 22px 42px rgba(70, 38, 18, .13),
      0 2px 0 rgba(255,255,255,.72) inset !important;
  }

  #pedidos .lpdo-order-card-clean:hover .lpdo-real-order-logo,
  #pedidos .lpdo-order-card-clean:hover .lpdo-real-order-logo--combo {
    transform: translateY(-2px) scale(1.035) !important;
  }

  #pedidos .lpdo-real-order-logo,
  #pedidos .lpdo-real-order-logo--combo {
    transition: transform .24s ease, filter .24s ease !important;
  }

  #pedidos .lpdo-order-card-clean:hover .lpdo-order-divider i {
    box-shadow:
      0 0 0 5px rgba(181, 91, 48, .10),
      0 0 18px rgba(181, 91, 48, .28) !important;
  }
}

@media (max-width: 768px) {
  #pedidos::before {
    width: 360px !important;
    height: 520px !important;
    transform: translate(-50%, -12%) !important;
    opacity: .85 !important;
  }

  #pedidos .lpdo-order-card-clean {
    box-shadow:
      0 14px 30px rgba(70, 38, 18, .07),
      0 1px 0 rgba(255,255,255,.7) inset !important;
  }
}