/* ── DÍA DE MUERTOS · "Serigrafía pop" — solo aplica con html[data-season="muertos"] ── */
html[data-season="muertos"]{--dmp-mag:#ff2d87;--dmp-tur:#19c3c9;--dmp-nar:#ff8a1e;--dmp-ama:#ffd23f;--dmp-neg:#1b1024;--dmp-crema:#f7ecd9}

/* Papel picado: banderines con contorno, trama de puntos y picos recortados */
.dmp-papel{position:fixed;top:0;left:0;right:0;height:46px;z-index:60;display:flex;pointer-events:none;
  background:linear-gradient(var(--dmp-neg),var(--dmp-neg)) 0 3px/100% 2px no-repeat}
.dmp-band{flex:1;margin:4px 2px 0;background:
  radial-gradient(circle,rgba(255,255,255,.35) 1.6px,transparent 2px) 0 0/8px 8px,var(--c);
  clip-path:polygon(0 0,100% 0,100% 72%,88% 100%,75% 72%,62% 100%,50% 72%,38% 100%,25% 72%,12% 100%,0 72%);
  filter:drop-shadow(2px 2px 0 var(--dmp-neg));transform-origin:50% 0;animation:dmpViento 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.23s)}
@keyframes dmpViento{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
html[data-season="muertos"] .nav, html[data-season="muertos"] header.nav{top:44px}

/* Saludo flotante */
.dmp-saludo{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) rotate(-2deg);z-index:61;display:flex;align-items:center;gap:8px;
  padding:6px 16px 6px 8px;background:var(--dmp-mag);color:#fff;border:3px solid var(--dmp-neg);border-radius:999px;
  font:800 12px/1 var(--display,system-ui);letter-spacing:.08em;text-transform:uppercase;box-shadow:5px 5px 0 var(--dmp-tur);pointer-events:none}
.dmp-saludo-ico{width:26px;height:27px}
@media (max-width:700px){.dmp-saludo{bottom:88px;padding:5px 12px 5px 6px;font-size:10px;gap:6px;animation:dmpBienvenida 6.5s ease 1.2s both}.dmp-saludo-ico{width:20px;height:21px}}
@keyframes dmpBienvenida{0%{opacity:0;visibility:visible;transform:translateX(-50%) translateY(14px) rotate(-2deg)}12%,80%{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) rotate(-2deg)}100%{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px) rotate(-2deg)}}

/* Flores pop flotando */
.dmp-flores{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.dmp-flor{position:absolute;top:-60px;width:calc(34px * var(--s));height:calc(34px * var(--s));border-radius:50%;border:2px solid var(--dmp-neg);
  background:radial-gradient(circle,var(--dmp-ama) 0 22%,transparent 23%),repeating-conic-gradient(var(--c) 0 18deg,#fff6 18deg 22deg);
  box-shadow:3px 3px 0 rgba(25,195,201,.6);animation:dmpCae linear infinite;opacity:.9}
@keyframes dmpCae{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(112vh) rotate(540deg)}}

/* Dalias en esquinas de secciones */
.dmp-dalia{position:absolute;top:18px;width:120px;height:120px;border-radius:50%;z-index:1;pointer-events:none;border:4px solid var(--dmp-neg);
  background:radial-gradient(circle,var(--dmp-ama) 0 15%,var(--dmp-neg) 15.5% 17%,transparent 17.5%),
    radial-gradient(circle,transparent 0 40%,rgba(27,16,36,.35) 41% 42%,transparent 43%),
    repeating-conic-gradient(var(--c) 0 13deg,#ffffff55 13deg 15deg);
  box-shadow:8px 8px 0 rgba(25,195,201,.75);opacity:.92}
.dmp-dalia.izq{left:-34px;transform:rotate(-12deg)}
.dmp-dalia.der{right:-34px;transform:rotate(16deg)}
@media (max-width:700px){.dmp-dalia{width:80px;height:80px}}

/* Botón de WhatsApp → calaverita */
.fab-wa.dmp-fab{background:var(--dmp-mag)!important;border:3px solid var(--dmp-neg);box-shadow:5px 5px 0 var(--dmp-tur)!important;overflow:visible}
.fab-wa.dmp-fab .dmp-wa-orig{opacity:0}
.dmp-fab-cal{position:absolute;inset:-6px;margin:auto;width:60px;height:62px;animation:dmpBaile 2.4s ease-in-out infinite;filter:drop-shadow(2px 2px 0 var(--dmp-neg))}
@keyframes dmpBaile{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) translateY(-3px)}}
.dmp-wa-badge{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:#25d366;border:2px solid var(--dmp-neg);display:grid;place-items:center}
.dmp-wa-badge svg{width:15px;height:15px;opacity:1!important}

/* Cartel del Catrín en "Enviar caso" */
.dmp-cartel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:center;margin:34px 0 40px}
.dmp-marco{position:relative;transform:rotate(-2.5deg);border:5px solid var(--dmp-neg);background:var(--dmp-crema);padding:10px;
  box-shadow:14px 14px 0 var(--dmp-tur),-8px -8px 0 var(--dmp-mag)}
.dmp-marco::after{content:"";position:absolute;inset:-26px auto auto -22px;width:90px;height:34px;background:rgba(255,210,63,.85);transform:rotate(-24deg);border:2px solid var(--dmp-neg)}
.dmp-cartel-img{display:block;width:100%;height:auto;aspect-ratio:3/4}
.dmp-texto{display:grid;gap:12px}
.dmp-kicker{font:600 12px var(--mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--dmp-tur)}
.dmp-titulo{font:900 clamp(46px,7vw,96px)/.9 var(--display,system-ui);letter-spacing:-.04em;color:var(--dmp-crema);
  text-shadow:5px 5px 0 var(--dmp-mag),10px 10px 0 var(--dmp-tur)}
.dmp-frase{font:400 clamp(15px,1.4vw,18px)/1.6 var(--display,system-ui);color:var(--ink-soft,#d8d0c0);max-width:44ch}
.dmp-cita{position:relative;margin:26px 0 4px;padding:16px 18px 16px 22px;max-width:40ch;font:600 clamp(19px,2vw,26px)/1.35 var(--display,system-ui);
  color:var(--dmp-crema);background:rgba(255,138,30,.08);border-left:6px solid var(--dmp-nar);border-radius:0 14px 14px 0;box-shadow:6px 6px 0 rgba(255,45,135,.35)}
.dmp-cita::before{content:"“";position:absolute;top:-30px;left:6px;font:900 72px/1 Georgia,serif;color:var(--dmp-nar);text-shadow:3px 3px 0 var(--dmp-mag)}
.dmp-nosotros{color:var(--dmp-crema);font-weight:600}
.dmp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.dmp-chip{font:700 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:var(--dmp-neg);border:2px solid var(--dmp-neg)}
.dmp-chip:nth-child(5n+1){background:var(--dmp-mag);color:#fff}.dmp-chip:nth-child(5n+2){background:var(--dmp-nar)}.dmp-chip:nth-child(5n+3){background:var(--dmp-tur)}
.dmp-chip:nth-child(5n+4){background:var(--dmp-ama)}.dmp-chip:nth-child(5n+5){background:#9b59ff;color:#fff}
.dmp-firma{font:italic 500 15px Georgia,serif;color:var(--dmp-ama);margin-top:6px}
@media (max-width:760px){.dmp-cartel{grid-template-columns:1fr}.dmp-marco{max-width:420px;margin:0 auto}}

@media (prefers-reduced-motion:reduce){.dmp-band,.dmp-flor,.dmp-fab-cal{animation:none}.dmp-flores{display:none}}