/* ═══════════════════════════════════════════════════════════════════════════ */
/* 140 ESTILOS PREMIUM PARA BOTONES DE ACCIÓN (VFX MASTER PRO)                */
/* Clase: .btn-right-{id}  — se aplica a .nav-actions .btn                   */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ──── BASE RESET ──── */
.nav-actions[class*="btn-right-"] .btn {
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease,
              box-shadow 0.3s ease, transform 0.3s ease, filter 0.3s ease,
              opacity 0.3s ease, clip-path 0.3s ease !important;
  position: relative; overflow: hidden;
  border-radius: 8px;
  transform-style: preserve-3d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none !important;
}

/* Icono suelto (sin .nav-action-icon-vfx-wrap): sombra legible.
   Importante: no usar .btn i descendentes genéricos con !important: en el blog
   real .nav-actions lleva btn-right-* y eso anulaba filter/transform de las
   animaciones del icono (nav-action-icon-vfx.css). */
.nav-actions[class*="btn-right-"] .btn .btn-content > i {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6)) !important;
  transition: transform 0.35s ease, filter 0.35s ease;
}
/* Icono con VFX (envoltorio): sin !important para que los keyframes controlen filter/transform */
.nav-actions[class*="btn-right-"] .btn .btn-content > .nav-action-icon-vfx-wrap i {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
}
.nav-actions[class*="btn-right-"] .btn img {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6)) !important;
  transition: all 0.3s ease;
}

/* ━━━━━━━ 1-50: MODERN & VIBRANT ━━━━━━━ */

.btn-right-sunset .btn { background: linear-gradient(45deg, #FF512F, #DD2476) !important; color: #fff !important; }
.btn-right-ocean .btn { background: linear-gradient(45deg, #2193b0, #6dd5ed) !important; color: #fff !important; }
.btn-right-forest .btn { background: linear-gradient(45deg, #11998e, #38ef7d) !important; color: #fff !important; }
.btn-right-lava .btn { background: linear-gradient(45deg, #eb3349, #f45c43) !important; color: #fff !important; }
.btn-right-galaxy .btn { background: linear-gradient(45deg, #654ea3, #eaafc8) !important; color: #fff !important; }
.btn-right-aurora .btn { background: linear-gradient(45deg, #00c6ff, #0072ff) !important; color: #fff !important; }
.btn-right-candy .btn { background: linear-gradient(45deg, #ee9ca7, #ffdde1) !important; color: #d00 !important; }
.btn-right-midnight .btn { background: linear-gradient(45deg, #232526, #414345) !important; color: #fff !important; }
.btn-right-cyan-neon .btn { background: #000 !important; border: 2px solid #0ff !important; color: #0ff !important; box-shadow: 0 0 10px #0ff !important; }
.btn-right-pink-neon .btn { background: #000 !important; border: 2px solid #f0f !important; color: #f0f !important; box-shadow: 0 0 10px #f0f !important; }
.btn-right-green-pulse .btn { background: #000 !important; border: 2px solid #0f0 !important; color: #0f0 !important; animation: btnGreenPulse 2s infinite; }
@keyframes btnGreenPulse { 0% { box-shadow: 0 0 0px #0f0; } 50% { box-shadow: 0 0 20px #0f0; } 100% { box-shadow: 0 0 0px #0f0; } }
.btn-right-gold-spark .btn { background: #ffd700 !important; color: #333 !important; box-shadow: 0 0 15px rgba(255,215,0,0.5) !important; }
.btn-right-electric .btn { background: #0041ff !important; color: #fff !important; text-shadow: 0 0 5px #fff; }
.btn-right-frosted .btn { background: rgba(255,255,255,0.1) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2) !important; }
.btn-right-crystal .btn { background: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0)) !important; border: 1px solid rgba(255,255,255,0.5) !important; }
.btn-right-diamond .btn { background: #fff !important; color: #000 !important; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.btn-right-ice .btn { background: #e0f7fa !important; color: #006064 !important; border-bottom: 3px solid #b2ebf2 !important; }
.btn-right-smoke .btn { background: #f5f5f5 !important; color: #616161 !important; filter: grayscale(1); }
.btn-right-neumo-light .btn { background: #e0e5ec !important; box-shadow: 6px 6px 12px #a3b1c6, -6px -6px 12px #ffffff !important; color: #444 !important; }
.btn-right-neumo-dark .btn { background: #2d3436 !important; box-shadow: 5px 5px 10px #1a1e1f, -5px -5px 10px #404a4d !important; color: #fff !important; }
.btn-right-raised .btn { background: #fff !important; box-shadow: 0 10px 0 #ddd !important; transform: translateY(-5px); }
.btn-right-float .btn { background: #fff !important; box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important; transform: translateY(-5px); }
.btn-right-pressed .btn { background: #eee !important; box-shadow: inset 0 5px 10px rgba(0,0,0,0.1) !important; transform: translateY(2px); }
.btn-right-rotate-border .btn::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); animation: btnRotate 4s linear infinite; z-index: -1; }
.btn-right-rotate-border .btn { background: #111 !important; color: #fff !important; margin: 2px; }
@keyframes btnRotate { 100% { transform: rotate(360deg); } }
.btn-right-dash .btn { background: transparent !important; border: 2px dashed #666 !important; color: #666 !important; }
.btn-right-pulse-border .btn { border: 2px solid #5d5dd5 !important; animation: borderPulse 1.5s infinite; }
@keyframes borderPulse { 0% { box-shadow: 0 0 0 0 rgba(93, 93, 213, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(93, 93, 213, 0); } 100% { box-shadow: 0 0 0 0 rgba(93, 93, 213, 0); } }
.btn-right-snake .btn { background: #222 !important; border: 1px solid #444 !important; overflow: hidden; }
.btn-right-radar .btn { background: #000 !important; color: #0f0 !important; }
.btn-right-radar .btn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; background: #0f0; border-radius: 50%; box-shadow: 0 0 20px 10px #0f0; animation: radarScan 2s infinite; }
@keyframes radarScan { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(10); opacity: 0; } }
.btn-right-metal .btn { background: linear-gradient(to bottom, #bdbdbd, #9e9e9e, #757575) !important; border: 1px solid #424242 !important; color: #212121 !important; text-shadow: 0 1px 0 #fff; }
.btn-right-wood .btn { background: #5d4037 !important; border: 2px solid #3e2723 !important; color: #d7ccc8 !important; }
.btn-right-marble .btn { background: #fff !important; color: #333 !important; border-radius: 2px !important; box-shadow: 2px 2px 5px rgba(0,0,0,0.2) !important; }
.btn-right-carbon .btn { background: #111 !important; background-image: radial-gradient(#333 1px, transparent 0) !important; background-size: 4px 4px !important; border: 1px solid #444 !important; color: #fff !important; }
.btn-right-leather .btn { background: #a52a2a !important; border: 2px solid #800000 !important; color: #fff !important; box-shadow: inset 0 0 10px #000 !important; }
.btn-right-slide-fill .btn { background: #fff !important; color: #000 !important; border: 2px solid #000 !important; transition: 0.3s !important; }
.btn-right-slide-fill .btn:hover { background: #000 !important; color: #fff !important; }
.btn-right-wipe .btn::after { content: ""; position: absolute; left: -100%; width: 100%; height: 100%; background: #333; transition: 0.5s; z-index: -1; }
.btn-right-wipe .btn:hover::after { left: 0; }
.btn-right-curtain .btn { background: #ff3d00 !important; }
.btn-right-liquid .btn { background: #2196f3 !important; }
.btn-right-morph .btn { border-radius: 50px !important; background: #673ab7 !important; }
.btn-right-cyberpunk .btn { background: #fcee0a !important; color: #000 !important; font-weight: 800 !important; clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%); }
.btn-right-steampunk .btn { background: #8d6e63 !important; border: 3px solid #5d4037 !important; box-shadow: 2px 2px 0 #3e2723 !important; }
.btn-right-pixel .btn { background: #4caf50 !important; box-shadow: 4px 0 0 #2e7d32, 0 4px 0 #2e7d32, -4px 0 0 #2e7d32, 0 -4px 0 #2e7d32 !important; margin: 4px; }
.btn-right-retrowave .btn { background: linear-gradient(to bottom, #ff00ff, #00ffff) !important; color: #fff !important; text-shadow: 2px 2px #ff00ff; }
.btn-right-minimal .btn { background: transparent !important; border: 1px solid #000 !important; color: #000 !important; }
.btn-right-magnetic .btn:hover { transform: scale(1.2); box-shadow: 0 0 30px rgba(0,0,0,0.5) !important; }
.btn-right-ripple .btn { background: #ff4081 !important; }
.btn-right-shine .btn::after { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.8), transparent); transform: skewX(-25deg); transition: 0.5s; }
.btn-right-shine .btn:hover::after { left: 150%; }
.btn-right-holo .btn { background: linear-gradient(135deg, #ff00ff, #00ffff, #ff00ff) !important; animation: holoMove 3s infinite linear; background-size: 200% 200% !important; }
@keyframes holoMove { 0% { background-position: 0 0; } 100% { background-position: 200% 200%; } }
.btn-right-glitch .btn { background: #000 !important; color: #fff !important; text-shadow: 2px 0 #f00, -2px 0 #0f0; }
.btn-right-outline-expand .btn { background: transparent !important; border: 2px solid #2196f3 !important; color: #2196f3 !important; }
.btn-right-outline-expand .btn:hover { box-shadow: inset 0 0 0 20px #2196f3 !important; color: #fff !important; }
.btn-right-royal .btn { background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important; border: 1px solid #8a6d3b !important; color: #4d3910 !important; }

/* ━━━━━━━ 51-100: TECH & SUPERIOR ━━━━━━━ */

.btn-right-nano-tech-rx .btn { background: #121212 !important; border: 1px solid #00ffcc !important; color: #00ffcc !important; border-radius: 0 !important; }
.btn-right-bio-hazard-rx .btn { background: #fbff00 !important; color: #000 !important; border: 3px solid #000 !important; clip-path: circle(50%); }
.btn-right-radioactive-rx .btn { background: #ccff00 !important; color: #000 !important; box-shadow: 0 0 20px #ccff00 !important; }
.btn-right-toxic-waste-rx .btn { background: #4caf50 !important; color: #fff !important; animation: toxicPulse 2s infinite linear; }
@keyframes toxicPulse { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }
.btn-right-fusion-core-rx .btn { background: radial-gradient(circle, #fff, #00d2ff, #3a7bd5) !important; }
.btn-right-arc-reactor-rx .btn { background: #000 !important; border: 4px solid #38bdf8 !important; border-radius: 50% !important; box-shadow: inset 0 0 20px #38bdf8, 0 0 20px #38bdf8 !important; color: #fff !important; }
.btn-right-pulse-cannon-rx .btn { background: #ff1744 !important; animation: cannonFire 1s infinite alternate; }
@keyframes cannonFire { to { transform: scale(1.1); box-shadow: 0 0 40px #ff1744 !important; } }
.btn-right-shield-gen-rx .btn { background: rgba(0, 150, 255, 0.4) !important; border: 2px solid #0096ff !important; box-shadow: 0 0 20px #0096ff !important; }
.btn-right-cloak-device-rx .btn { background: transparent !important; opacity: 0.3 !important; filter: blur(2px); transition: 0.3s !important; }
.btn-right-cloak-device-rx .btn:hover { opacity: 1 !important; filter: blur(0px); }
.btn-right-warp-core-rx .btn { background: linear-gradient(to right, #4b0082, #000080) !important; animation: warpStripe 0.5s infinite linear; }
@keyframes warpStripe { from { background-position: 0 0; } to { background-position: 40px 0; } }
.btn-right-teleport-rx .btn { background: #fff !important; animation: teleportFade 1s infinite; }
@keyframes teleportFade { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(0.5); } }
.btn-right-neural-net-rx .btn { background: #000 !important; border: 1px solid #6200ea !important; color: #6200ea !important; overflow: visible !important; }
.btn-right-cyber-link-rx .btn { background: #00e5ff !important; color: #000 !important; cursor: pointer !important; }
.btn-right-digital-mind-rx .btn { background: #000 !important; color: #00ff00 !important; font-family: monospace !important; border: 1px solid #00ff00 !important; }
.btn-right-virtual-world-rx .btn { background: linear-gradient(45deg, #FF00E5, #00E5FF) !important; mix-blend-mode: screen !important; }
.btn-right-augmented-rx .btn { border: 2px solid #3d5afe !important; color: #3d5afe !important; }
.btn-right-loop-extra-rx .btn { background: #ff5722 !important; transition: transform 2s !important; }
.btn-right-loop-extra-rx .btn:hover { transform: rotate(720deg); }
.btn-right-matrix-rain-rx .btn { background: #000 !important; color: #00ff00 !important; }
.btn-right-plasma-glow-rx .btn { background: #ea00ff !important; box-shadow: 0 0 30px #ea00ff !important; }
.btn-right-void-slash-rx .btn { background: #000 !important; border-left: 10px solid #fff !important; color: #fff !important; }
.btn-right-stellar-flux-rx .btn { background: linear-gradient(to bottom, #1e3c72, #2a5298) !important; }
.btn-right-gravity-well-rx .btn { background: #000 !important; transform-style: preserve-3d; transition: transform 0.5s !important; }
.btn-right-gravity-well-rx .btn:hover { transform: perspective(100px) translateZ(20px); }
.btn-right-pulse-star-rx .btn { background: #fff !important; color: #000 !important; animation: starPulse 1s infinite alternate; }
@keyframes starPulse { from { box-shadow: 0 0 10px #fff; } to { box-shadow: 0 0 50px #fff; } }
.btn-right-quantum-leap-rx .btn { background: #6200ea !important; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); }
.btn-right-dark-matter-rx .btn { background: #000 !important; color: #444 !important; filter: blur(1px); }
.btn-right-white-dwarf-rx .btn { background: #fff !important; box-shadow: 0 0 100px #fff !important; transform: scale(0.8); }
.btn-right-super-nova-rx .btn { background: #fff !important; animation: superNovaEffect 0.5s infinite alternate; }
@keyframes superNovaEffect { to { filter: invert(1) scale(1.5); } }
.btn-right-comet-tail-rx .btn { background: linear-gradient(to right, #00c6ff, transparent) !important; border-radius: 20px 0 0 20px !important; }
.btn-right-solar-storm-rx .btn { background: #ff9100 !important; filter: hue-rotate(45deg); }
.btn-right-lunar-dust-rx .btn { background: #cfd8dc !important; opacity: 0.8 !important; }
.btn-right-galaxy-rim-rx .btn { border: 4px double #4b0082 !important; border-radius: 50% !important; }
.btn-right-void-energy-rx .btn { background: #000 !important; box-shadow: inset 0 0 30px #f0f, 0 0 10px #f0f !important; }
.btn-right-entropy-rx .btn { background: #333 !important; transform: skewY(10deg); }
.btn-right-chaos-rx .btn { background: #ff0000 !important; animation: chaosMotion 0.1s infinite; }
@keyframes chaosMotion { 0% { transform: translate(0,0); } 50% { transform: translate(5px, -5px); } 100% { transform: translate(-2px, 3px); } }
.btn-right-order-rx .btn { border: 2px solid #fff !important; border-radius: 0 !important; }
.btn-right-symmetry-rx .btn { background: linear-gradient(to right, #333, #fff, #333) !important; }
.btn-right-fractal-rx .btn { background: repeating-linear-gradient(45deg, #000, #222 2px, #000 4px) !important; }
.btn-right-golden-ratio-rx .btn { width: 44px !important; height: 32px !important; background: #DAA520 !important; }
.btn-right-pi-ratio-rx .btn { background: #314159 !important; border-radius: 31% !important; }
.btn-right-prime-rx .btn { background: #fff !important; border: 1px solid #111 !important; }
.btn-right-hypercube-rx .btn { background: #000 !important; border: 2px solid #00bcd4 !important; box-shadow: inset 0 0 15px #00bcd4 !important; }
.btn-right-tesseract-rx .btn { background: rgba(0,0,0,0.5) !important; transform: perspective(500px) rotateY(45deg); }
.btn-right-mobius-rx .btn { border-radius: 50% !important; border-top: 5px solid #fff !important; border-bottom: 5px solid #000 !important; }
.btn-right-klein-rx .btn { background: linear-gradient(to bottom left, #fff, #000) !important; }
.btn-right-vortex-rx .btn { background: #000 !important; animation: btnVortex 2s infinite linear; }
@keyframes btnVortex { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.btn-right-binary-rx .btn::after { content: "0101"; font-size: 8px; color: #0f0; }
.btn-right-hexadecimal-rx .btn::after { content: "0xFF"; font-size: 8px; color: #f0f; }
.btn-right-floating-point-rx .btn { transform: translateY( sin(1s) * 10px ); }
.btn-right-buffer-over-rx .btn { width: 120% !important; background: #f00 !important; color: #fff !important; }

/* ━━━━━━━ 101-140: 3D RELIEF & HIGH-END ━━━━━━━ */

.btn-right-relief-gold .btn { background: linear-gradient(135deg, #ffd700, #b8860b) !important; border: 1px solid #ffaa00 !important; box-shadow: 0 8px 0 #8b4513, 0 15px 20px rgba(0,0,0,0.3) !important; color: #5d4037 !important; }
.btn-right-relief-gold .btn:active { transform: translateY(4px); box-shadow: 0 4px 0 #8b4513 !important; }

.btn-right-deep-stone .btn { background: #4a4a4a !important; border-radius: 4px !important; box-shadow: inset 0 -5px 0 #222, 5px 5px 15px rgba(0,0,0,0.5) !important; color: #ddd !important; }
.btn-right-deep-stone .btn:hover { background: #555 !important; box-shadow: inset 0 -3px 0 #222, 8px 8px 25px rgba(0,0,0,0.6) !important; }

.btn-right-glass-3d .btn { background: rgba(255,255,255,0.15) !important; backdrop-filter: blur(20px); border: 2px solid rgba(255,255,255,0.5) !important; box-shadow: 10px 10px 30px rgba(0,0,0,0.3), inset -5px -5px 15px rgba(255,255,255,0.2) !important; }
.btn-right-glass-3d .btn:hover { background: rgba(255,255,255,0.25) !important; transform: scale(1.1) rotate(2deg); }

.btn-right-carbon-relief .btn { background: #1a1a1a !important; border: 2px solid #555 !important; box-shadow: 10px 10px 0 #000 !important; color: #0ff !important; }
.btn-right-carbon-relief .btn:hover { box-shadow: 5px 5px 0 #000 !important; transform: translate(5px, 5px); }

.btn-right-clay-soft .btn { background: #ffa07a !important; border-radius: 20px !important; border: 4px solid #e9967a !important; box-shadow: inset 5px 5px 10px rgba(255,255,255,0.3), 10px 10px 20px rgba(0,0,0,0.2) !important; }
.btn-right-clay-soft .btn:hover { transform: scale(0.95); background: #f08080 !important; }

.btn-right-steel-plate .btn { background: linear-gradient(135deg, #cfd8dc, #78909c) !important; border: 1px solid #546e7a !important; box-shadow: inset 0 2px 5px #fff, 0 8px 16px rgba(0,0,0,0.4) !important; color: #263238 !important; }
.btn-right-steel-plate .btn:hover { filter: brightness(1.1); transform: translateY(-2px); }

.btn-right-cyber-depth .btn { background: #000 !important; border: 1px solid #38bdf8 !important; color: #38bdf8 !important; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); transition: 0.3s !important; }
.btn-right-cyber-depth .btn:hover { clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%); background: #38bdf8 !important; color: #000 !important; }

.btn-right-lava-crack .btn { background: #210400 !important; border: 2px solid #ff4500 !important; color: #ff4500 !important; box-shadow: 0 0 20px #ff4500, inset 0 0 20px #ff4500 !important; }
.btn-right-lava-crack .btn:hover { animation: lavaPulse 0.5s infinite alternate; }
@keyframes lavaPulse { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(45deg) scale(1.1); } }

.btn-right-neon-floating .btn { background: transparent !important; border: 2px solid #f0f !important; color: #f0f !important; box-shadow: 0 0 15px #f0f !important; border-radius: 50px !important; }
.btn-right-neon-floating .btn:hover { background: #f0f !important; color: #fff !important; box-shadow: 0 0 40px #f0f !important; }

.btn-right-royal-relief .btn { background: #6a1b9a !important; border: 4px double #ffd700 !important; color: #ffd700 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important; }
.btn-right-royal-relief .btn:hover { transform: translateY(-5px) rotateX(20deg); }

.btn-right-relief-silver .btn { background: linear-gradient(145deg, #f5f5f5, #9e9e9e) !important; box-shadow: 8px 8px 16px #757575, -4px -4px 8px #fff !important; color: #212121 !important; }
.btn-right-deep-ocean-relief .btn { background: #01579b !important; box-shadow: 0 12px 0 #012d4d, 0 20px 30px rgba(0,0,0,0.4) !important; color: #fff !important; }
.btn-right-heavy-glow .btn { background: #ffea00 !important; color: #000 !important; box-shadow: 0 0 40px #ffea00, 0 0 80px rgba(255,234,0,0.5) !important; }
.btn-right-neo-relief-dark .btn { background: #121212 !important; box-shadow: 12px 12px 24px #080808, -12px -12px 24px #1c1c1c !important; color: #fff !important; border: none !important; }
.btn-right-relief-ruby .btn { background: #b71c1c !important; box-shadow: 0 10px 0 #7f0000 !important; color: #fff !important; }
.btn-right-relief-aqua .btn { background: #00bcd4 !important; box-shadow: inset 0 -8px 0 rgba(0,0,0,0.2), 0 10px 20px rgba(0,188,212,0.3) !important; color: #fff !important; }
.btn-right-relief-emerald .btn { background: #2e7d32 !important; box-shadow: 0 10px 0 #1b5e20 !important; color: #fff !important; border-radius: 0 !important; }
.btn-right-relief-obsidian .btn { background: #000 !important; border: 1px solid #333 !important; box-shadow: inset 0 0 30px #000, 10px 10px 30px #000 !important; color: #fff !important; }
.btn-right-glow-rim-heavy .btn { border: 3px solid #fff !important; box-shadow: 0 0 30px #fff, inset 0 0 15px #fff !important; color: #fff !important; }
.btn-right-relief-sunset-3d .btn { background: linear-gradient(135deg, #f06, #f90) !important; box-shadow: 0 10px 0 #900, 0 15px 30px rgba(255,0,102,0.3) !important; color: #fff !important; }
.btn-right-mech-indent .btn { background: #333 !important; box-shadow: inset 8px 8px 16px #000, inset -8px -8px 16px #444 !important; border: none !important; color: #ccc !important; }
.btn-right-radioactive-pulse .btn { background: #ccff00 !important; color: #000 !important; box-shadow: 0 0 20px #ccff00 !important; }
.btn-right-depth-well .btn { border-radius: 50% !important; background: #000 !important; box-shadow: inset 0 0 40px #fff !important; color: #fff !important; }
.btn-right-layered-depth .btn { box-shadow: 4px 4px #f06, 8px 8px #70c, 12px 12px #309 !important; border: 1px solid #fff !important; }
.btn-right-floating-nebula .btn { background: linear-gradient(45deg, #4b0082, #000080) !important; box-shadow: 0 15px 40px rgba(75,0,130,0.6) !important; border-radius: 50% !important; }
.btn-right-void-absolute .btn { background: #000 !important; box-shadow: 0 0 60px rgba(255,255,255,0.15) !important; border: 1px solid #111 !important; }
.btn-right-ultimate-3d .btn { background: #fff !important; color: #000 !important; box-shadow: 8px 8px 0 #ccc, 16px 16px 0 #999, 24px 24px 0 #666 !important; }
.btn-right-relief-jade .btn { background: #00897b !important; box-shadow: 0 8px 0 #004d40 !important; color: #fff !important; }
.btn-right-relief-sapphire .btn { background: #1565c0 !important; box-shadow: 0 8px 0 #0d47a1 !important; color: #fff !important; }
.btn-right-relief-copper .btn { background: #bf360c !important; box-shadow: 0 8px 0 #5d4037 !important; color: #fff !important; }
.btn-right-relief-bronze .btn { background: #795548 !important; box-shadow: 0 8px 0 #3e2723 !important; color: #fff !important; }
.btn-right-relief-wood-3d .btn { background: #5d4037 !important; border-left: 12px solid #3e2723 !important; color: #d7ccc8 !important; }
.btn-right-relief-marble-3d .btn { background: #e0e0e0 !important; border-right: 12px solid #bdbdbd !important; color: #424242 !important; }
.btn-right-relief-concrete-3d .btn { background: #757575 !important; box-shadow: inset 0 0 25px #424242 !important; color: #fff !important; }
.btn-right-relief-neon-ring .btn { border: 5px solid #0ff !important; border-radius: 50% !important; color: #0ff !important; box-shadow: 0 0 25px #0ff !important; }
.btn-right-relief-toxic-3d .btn { background: #4caf50 !important; border: 3px solid #39ff14 !important; box-shadow: 0 0 30px #39ff14 !important; color: #000 !important; }
.btn-right-relief-frost-3d .btn { background: #e0f7fa !important; border: 3px solid #b3e5fc !important; box-shadow: 8px 8px 20px rgba(179,229,252,0.6) !important; color: #006064 !important; }
.btn-right-relief-magma-3d .btn { background: #ff5722 !important; box-shadow: 0 0 25px #ffeb3b, inset 0 0 15px #ffeb3b !important; color: #fff !important; }
.btn-right-relief-cyber-3d .btn { background: #000 !important; border: 3px solid #38bdf8 !important; clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); color: #38bdf8 !important; }
.btn-right-relief-final-boss .btn { background: linear-gradient(to right, #000, #f00, #000) !important; color: #fff !important; box-shadow: 0 0 60px #f00 !important; }

/* ═══ Panel admin: reproducir :hover sin ratón (.is-simulated-hover) ═══ */
.btn-right-slide-fill .btn.is-simulated-hover { background: #000 !important; color: #fff !important; }
.btn-right-wipe .btn.is-simulated-hover::after { left: 0; }
.btn-right-magnetic .btn.is-simulated-hover { transform: scale(1.2); box-shadow: 0 0 30px rgba(0,0,0,0.5) !important; }
.btn-right-shine .btn.is-simulated-hover::after { left: 150%; }
.btn-right-outline-expand .btn.is-simulated-hover { box-shadow: inset 0 0 0 20px #2196f3 !important; color: #fff !important; }
.btn-right-cloak-device-rx .btn.is-simulated-hover { opacity: 1 !important; filter: blur(0px); }
.btn-right-loop-extra-rx .btn.is-simulated-hover { transform: rotate(720deg); }
.btn-right-gravity-well-rx .btn.is-simulated-hover { transform: perspective(100px) translateZ(20px); }
.btn-right-deep-stone .btn.is-simulated-hover { background: #555 !important; box-shadow: inset 0 -3px 0 #222, 8px 8px 25px rgba(0,0,0,0.6) !important; }
.btn-right-glass-3d .btn.is-simulated-hover { background: rgba(255,255,255,0.25) !important; transform: scale(1.1) rotate(2deg); }
.btn-right-carbon-relief .btn.is-simulated-hover { box-shadow: 5px 5px 0 #000 !important; transform: translate(5px, 5px); }
.btn-right-clay-soft .btn.is-simulated-hover { transform: scale(0.95); background: #f08080 !important; }
.btn-right-steel-plate .btn.is-simulated-hover { filter: brightness(1.1); transform: translateY(-2px); }
.btn-right-cyber-depth .btn.is-simulated-hover { clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%); background: #38bdf8 !important; color: #000 !important; }
.btn-right-lava-crack .btn.is-simulated-hover { animation: lavaPulse 0.5s infinite alternate; }
.btn-right-neon-floating .btn.is-simulated-hover { background: #f0f !important; color: #fff !important; box-shadow: 0 0 40px #f0f !important; }
.btn-right-royal-relief .btn.is-simulated-hover { transform: translateY(-5px) rotateX(20deg); }