.mexico-site-effects {
    --mexico-green: #006847;
    --mexico-red: #ce1126;
    position: fixed;
    z-index: 10001;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.mexico-celebration-canvas { position:absolute; inset:0; width:100%; height:100%; }
.mexico-flag-glow,.mexico-papel-picado,.mexico-tricolor-ribbon{display:none}
.mexico-flag-glow{position:absolute;top:-18vh;width:42vw;height:55vh;border-radius:50%;filter:blur(60px);opacity:.14}
.mexico-flag-glow--green{left:-16vw;background:var(--mexico-green)}
.mexico-flag-glow--red{right:-16vw;background:var(--mexico-red)}
.mexico-site-effects[data-independencia-active="true"] .mexico-flag-glow{display:block;animation:mexico-glow-breathe 2.4s ease-in-out infinite alternate}
@keyframes mexico-glow-breathe{from{transform:scale(.92)}to{transform:scale(1.08)}}

.mexico-papel-picado{--papel-scale:1;--papel-opacity:1;position:absolute;top:8px;left:50%;width:min(1100px,72vw);opacity:0;transform:translateX(-50%) scale(var(--papel-scale));filter:drop-shadow(0 4px 5px rgb(0 0 0/.18));transform-origin:center top;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:left center,right center;mask-position:left center,right center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:0 100%,0 100%;mask-size:0 100%,0 100%}
.mexico-papel-picado::before{position:absolute;top:0;right:-3%;left:-3%;height:2px;background:rgb(26 31 38/.55);content:""}
.mexico-papel{position:relative;width:11.111%;height:clamp(30px,4vw,54px);clip-path:polygon(4% 0,96% 0,96% 78%,83% 100%,68% 81%,50% 100%,32% 81%,17% 100%,4% 78%);animation:mexico-papel-wave 3.8s ease-in-out infinite alternate;transform-origin:50% 0}
.mexico-papel:nth-child(2n){animation-delay:-.7s}.mexico-papel:nth-child(3n){animation-delay:-1.4s}.mexico-papel.green{background:var(--mexico-green)}.mexico-papel.white{background:#f6f3e9}.mexico-papel.red{background:var(--mexico-red)}
.mexico-papel i,.mexico-papel::after{position:absolute;border:2px solid currentColor;color:rgb(0 0 0/.18);content:""}.mexico-papel i{top:27%;left:50%;width:22%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%) rotate(45deg)}.mexico-papel::after{inset:17% 18% 22%;border-radius:3px}
@keyframes mexico-papel-wave{from{transform:perspective(180px) rotateY(-7deg) rotateZ(-.5deg)}to{transform:perspective(180px) rotateY(7deg) rotateZ(.5deg)}}
@keyframes mexico-papel-curtain-enter{from{opacity:.3;-webkit-mask-size:0 100%,0 100%;mask-size:0 100%,0 100%;transform:translateX(-50%) scaleY(.94) scale(var(--papel-scale))}to{opacity:var(--papel-opacity);-webkit-mask-size:51% 100%,51% 100%;mask-size:51% 100%,51% 100%;transform:translateX(-50%) scaleY(1) scale(var(--papel-scale))}}
@keyframes mexico-papel-curtain-exit{from{opacity:var(--papel-opacity);-webkit-mask-size:51% 100%,51% 100%;mask-size:51% 100%,51% 100%;transform:translateX(-50%) scaleY(1) scale(var(--papel-scale))}to{opacity:.3;-webkit-mask-size:0 100%,0 100%;mask-size:0 100%,0 100%;transform:translateX(-50%) scaleY(.94) scale(var(--papel-scale))}}
.mexico-site-effects[data-independencia-active="true"] .mexico-papel-picado{display:flex;animation:mexico-papel-curtain-enter .82s cubic-bezier(.22,.82,.24,1) both}
.mexico-site-effects[data-independencia-exiting="true"] .mexico-papel-picado{display:flex;animation:mexico-papel-curtain-exit .82s cubic-bezier(.76,0,.78,.18) both}
.mexico-site-effects[data-independencia-intensity="low"] .mexico-papel-picado{--papel-opacity:.72;--papel-scale:.86}
.mexico-site-effects[data-independencia-intensity="high"] .mexico-papel-picado{width:min(1320px,86vw)}

.mexico-tricolor-ribbon{position:absolute;top:0;bottom:0;width:7px;opacity:.9;background:linear-gradient(180deg,var(--mexico-green) 0 33.333%,#fff 33.333% 66.666%,var(--mexico-red) 66.666%)}
.mexico-tricolor-ribbon--left{left:0}.mexico-tricolor-ribbon--right{right:0}.mexico-site-effects[data-frame-active="true"] .mexico-tricolor-ribbon{display:block}
.mexico-site-effects[data-frame-intensity="low"] .mexico-flag-glow{opacity:.07}.mexico-site-effects[data-frame-intensity="high"] .mexico-flag-glow{opacity:.23}

@media(max-width:720px){.mexico-papel-picado{width:96vw}.mexico-papel:nth-child(n+7){display:none}.mexico-papel{width:16.666%}}
@media(prefers-reduced-motion:reduce){.mexico-papel,.mexico-flag-glow,.mexico-papel-picado{animation:none}.mexico-site-effects[data-independencia-active="true"] .mexico-papel-picado{opacity:var(--papel-opacity);-webkit-mask-size:51% 100%,51% 100%;mask-size:51% 100%,51% 100%;transform:translateX(-50%) scale(var(--papel-scale))}.mexico-site-effects[data-independencia-exiting="true"] .mexico-papel-picado{display:none}}