/* Party Shop V78 · Capa visual Día de Muertos MX
   Solo decoración. No modifica layout, carrito, checkout, productos ni administrador. */

#ps-dmx-layer,
#ps-dmx-layer *{box-sizing:border-box}
#ps-dmx-layer{position:fixed;inset:0;z-index:2147481000;pointer-events:none;overflow:hidden;font-family:Arial,sans-serif}

/* Papel picado: franja ligera en la parte superior, sin bloquear clics */
.ps-dmx-papel{position:absolute;left:0;right:0;top:0;height:42px;display:flex;justify-content:center;gap:8px;padding:0 54px;filter:drop-shadow(0 3px 3px rgba(54,23,52,.12));opacity:.96}
.ps-dmx-papel::before{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid rgba(70,34,72,.45)}
.ps-dmx-flag{position:relative;width:54px;height:34px;top:6px;border-radius:1px 1px 7px 7px;clip-path:polygon(0 0,100% 0,100% 78%,83% 100%,66% 82%,50% 100%,34% 82%,17% 100%,0 78%);opacity:.93}
.ps-dmx-flag::before,.ps-dmx-flag::after{content:"";position:absolute;border:2px solid rgba(255,255,255,.72);border-radius:50%}
.ps-dmx-flag::before{width:14px;height:14px;left:10px;top:8px}
.ps-dmx-flag::after{width:11px;height:11px;right:9px;top:12px;border-radius:2px;transform:rotate(45deg)}
.ps-dmx-f1{background:#ef6c00}.ps-dmx-f2{background:#7b1fa2}.ps-dmx-f3{background:#00897b}.ps-dmx-f4{background:#d81b60}.ps-dmx-f5{background:#f9a825}

/* Esquinas con cempasúchil */
.ps-dmx-corner{position:absolute;width:118px;height:118px;filter:drop-shadow(0 8px 10px rgba(79,37,14,.16));opacity:.96}
.ps-dmx-corner img{position:absolute;width:58px;height:58px;animation:psDmxFlowerBreath 4.8s ease-in-out infinite}
.ps-dmx-corner img:nth-child(1){width:72px;height:72px;left:0;top:0}
.ps-dmx-corner img:nth-child(2){right:0;top:20px;animation-delay:-1.3s}
.ps-dmx-corner img:nth-child(3){left:28px;bottom:0;width:48px;height:48px;animation-delay:-2.5s}
/* Ajuste V79: se respetan zonas del logo y del WhatsApp flotante */
.ps-dmx-corner.tl{left:-30px;top:-8px;transform:scale(.86)}
.ps-dmx-corner.tr{right:-28px;top:-8px;transform:scaleX(-1) scale(.86)}
.ps-dmx-corner.bl{left:-20px;bottom:-18px;transform:rotate(-16deg)}
.ps-dmx-corner.br{right:-48px;bottom:-44px;transform:scaleX(-1) rotate(-16deg) scale(.78);opacity:.88}

/* Velitas discretas en bordes */
.ps-dmx-candle{position:absolute;width:38px;height:72px;filter:drop-shadow(0 6px 10px rgba(82,42,12,.18));opacity:.88}
.ps-dmx-candle img{width:100%;height:100%;object-fit:contain}
.ps-dmx-candle.c1{left:18px;top:36%}.ps-dmx-candle.c2{right:20px;top:58%;transform:scale(.86)}
.ps-dmx-candle.c3{left:56px;bottom:28px;transform:scale(.72)}
/* Se elimina la vela de la esquina inferior derecha para no invadir el botón de WhatsApp */
.ps-dmx-candle.c4{display:none}
.ps-dmx-candle::after{content:"";position:absolute;left:50%;top:3px;width:24px;height:28px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,190,72,.34) 0,rgba(255,140,0,.16) 42%,transparent 72%);border-radius:50%;animation:psDmxGlow 1.6s ease-in-out infinite}

/* Calaveritas artesanales, pequeñas y no terroríficas */
.ps-dmx-skull{position:absolute;width:48px;height:48px;opacity:.58;filter:drop-shadow(0 4px 7px rgba(62,31,60,.12))}
.ps-dmx-skull img{width:100%;height:100%}
.ps-dmx-skull.s1{left:16px;top:67%;transform:rotate(-8deg)}.ps-dmx-skull.s2{right:14px;top:29%;transform:rotate(9deg) scale(.88)}

/* Pétalos de cempasúchil en caída muy sutil */
.ps-dmx-petal{position:absolute;top:-28px;width:12px;height:18px;border-radius:70% 30% 72% 28%;background:linear-gradient(145deg,#ff9d18,#e75e00);opacity:.55;animation:psDmxFall var(--dur,12s) linear infinite;animation-delay:var(--delay,0s);transform:rotate(var(--rot,0deg))}

@keyframes psDmxFall{0%{transform:translate3d(0,-36px,0) rotate(0deg)}45%{transform:translate3d(var(--drift,22px),48vh,0) rotate(180deg)}100%{transform:translate3d(calc(var(--drift,22px) * -0.45),108vh,0) rotate(390deg)}}
@keyframes psDmxFlowerBreath{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.035) rotate(1deg)}}
@keyframes psDmxGlow{0%,100%{opacity:.58;transform:translateX(-50%) scale(.9)}50%{opacity:1;transform:translateX(-50%) scale(1.12)}}

/* Respeta preferencias del dispositivo */
@media (prefers-reduced-motion:reduce){.ps-dmx-petal,.ps-dmx-corner img,.ps-dmx-candle::after{animation:none!important}.ps-dmx-petal{display:none}}

/* En móvil: menos elementos y más pequeños para no estorbar contenido */
@media (max-width:768px){
  .ps-dmx-papel{height:30px;padding:0 18px;gap:4px;overflow:hidden}.ps-dmx-flag{min-width:34px;width:34px;height:24px;top:5px}
  .ps-dmx-flag::before{width:9px;height:9px;left:6px;top:6px}.ps-dmx-flag::after{width:7px;height:7px;right:5px;top:8px}
  .ps-dmx-corner{width:80px;height:80px}.ps-dmx-corner img:nth-child(1){width:52px;height:52px}.ps-dmx-corner img:nth-child(2){width:40px;height:40px}.ps-dmx-corner img:nth-child(3){width:34px;height:34px}
  .ps-dmx-corner.tl{left:-26px;top:-6px;transform:scale(.68)}
  .ps-dmx-corner.tr{right:-26px;top:-6px;transform:scaleX(-1) scale(.68)}
  .ps-dmx-corner.br{display:none}
  .ps-dmx-candle{width:28px;height:54px;opacity:.72}.ps-dmx-candle.c3,.ps-dmx-candle.c4{display:none}
  .ps-dmx-skull{width:36px;height:36px;opacity:.42}.ps-dmx-petal:nth-of-type(n+7){display:none}
}

/* No imprimir decoración */
@media print{#ps-dmx-layer{display:none!important}}