/* Wicion Tap Effect v3.3 — capa pública robusta */
.wicion-tap-layer{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147482500!important;
    pointer-events:none!important;
    overflow:hidden!important;
    contain:layout paint style;
    isolation:isolate;
}
.wicion-tap-layer.is-preview{
    position:absolute!important;
    z-index:5!important;
    border-radius:inherit;
}
.wicion-tap-burst{
    position:absolute;
    width:1px;
    height:1px;
    pointer-events:none;
}
.wicion-tap-particle{
    position:absolute;
    left:0;
    top:0;
    width:var(--tap-size,10px);
    height:var(--tap-size,10px);
    color:var(--tap-color,#d4af6a);
    background:var(--tap-color,#d4af6a);
    opacity:0;
    transform:translate(-50%,-50%) scale(.25) rotate(0deg);
    animation:wicionTapParticle var(--tap-duration,900ms) var(--tap-easing,ease-out) var(--tap-delay,0ms) forwards;
    will-change:transform,opacity;
}
.wicion-tap-particle.shape-rect{border-radius:2px}
.wicion-tap-particle.shape-circle{border-radius:50%}
.wicion-tap-particle.is-symbol{
    display:grid;
    place-items:center;
    width:auto;
    height:auto;
    min-width:var(--tap-size,14px);
    line-height:1;
    background:transparent;
    font-size:var(--tap-size,14px);
    font-family:Georgia,'Times New Roman',serif;
    text-shadow:0 2px 8px rgba(0,0,0,.08);
}
.wicion-tap-lottie{
    position:absolute;
    transform:translate(-50%,-50%);
    pointer-events:none;
    contain:layout paint style;
    will-change:transform,opacity;
}
.wicion-tap-lottie svg{display:block;width:100%!important;height:100%!important}
@keyframes wicionTapParticle{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}
    10%{opacity:1}
    72%{opacity:1}
    100%{opacity:0;transform:translate(calc(-50% + var(--tap-x)),calc(-50% + var(--tap-y))) scale(1) rotate(var(--tap-rotate))}
}
/* Reducir movimiento se controla en JavaScript según la opción del editor. */
.wicion-tap-debug{
    position:fixed;
    left:10px;
    bottom:10px;
    z-index:2147483000;
    display:grid;
    gap:2px;
    max-width:calc(100vw - 20px);
    padding:9px 11px;
    border:1px solid rgba(212,175,106,.55);
    border-radius:10px;
    color:#fff;
    background:rgba(7,17,27,.92);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    font:11px/1.25 system-ui,-apple-system,Segoe UI,sans-serif;
    pointer-events:none;
}
.wicion-tap-debug strong{color:#e7c98f}
.wicion-tap-debug span,.wicion-tap-debug small{opacity:.82}


/* Mariposas vectoriales: heredan la paleta configurada. */
.wicion-tap-particle.is-butterfly{
    display:block;
    width:var(--tap-size,22px);
    height:calc(var(--tap-size,22px) * .82);
    color:var(--tap-color,#8f6bc4);
    background:transparent!important;
    filter:drop-shadow(0 3px 5px rgba(18,24,38,.16));
    transform-style:preserve-3d;
}
.wicion-tap-particle.is-butterfly svg{
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
}
.wicion-tap-particle.is-butterfly .wing{
    fill:currentColor;
    transform-box:fill-box;
    transform-origin:center;
    animation:wicionButterflyFlap 170ms ease-in-out infinite alternate;
}
.wicion-tap-particle.is-butterfly .wing-left{transform-origin:right center}
.wicion-tap-particle.is-butterfly .wing-right{transform-origin:left center;animation-delay:-85ms}
.wicion-tap-particle.is-butterfly .butterfly-body{
    fill:color-mix(in srgb,currentColor 55%,#1d2430);
}
.wicion-tap-particle.is-butterfly .butterfly-antenna{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}
@keyframes wicionButterflyFlap{
    from{transform:scaleX(.36) rotateY(42deg);opacity:.82}
    to{transform:scaleX(1) rotateY(0deg);opacity:1}
}