/**\n * Scramble Debug & Recovery Styles\n * Estilos para debugging y recovery del efecto scramble\n * PoisonedDog - 2025\n */\n\n/* Indicador visual cuando scramble está activo (solo para debug) */\nbody.scramble-debug::before {\n  content: 'SCRAMBLE ACTIVE';\n  position: fixed;\n  top: 10px;\n  right: 10px;\n  background: rgba(255, 0, 0, 0.8);\n  color: white;\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-family: monospace;\n  font-size: 12px;\n  z-index: 99999;\n  pointer-events: none;\n}\n\n/* Estilos de reset para elementos que puedan quedar con efectos */\n.scramble-reset {\n  filter: none !important;\n  text-shadow: none !important;\n  transform: none !important;\n  transition: none !important;\n  animation: none !important;\n}\n\n/* Clase para marcar elementos problemáticos */\n.scramble-error {\n  background-color: rgba(255, 0, 0, 0.1) !important;\n  border: 1px solid rgba(255, 0, 0, 0.3) !important;\n}\n\n/* Override de emergencia para todos los efectos */\n.emergency-cleanup * {\n  filter: none !important;\n  text-shadow: none !important;\n  transform: none !important;\n  transition: none !important;\n  animation: none !important;\n  background-color: transparent !important;\n  border: none !important;\n}\n\n/* Clase temporal para indicar que se está haciendo recovery */\n.recovering::after {\n  content: '⚡ Recovering...';\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: rgba(0, 255, 0, 0.8);\n  color: white;\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-family: monospace;\n  font-size: 12px;\n  z-index: 99999;\n  animation: pulse 0.5s infinite alternate;\n}\n\n@keyframes pulse {\n  from { opacity: 1; }\n  to { opacity: 0.5; }\n}\n\n/* Transición suave para cuando se restaura el texto */\n.text-restored {\n  animation: textRestore 0.3s ease-out;\n}\n\n@keyframes textRestore {\n  0% {\n    opacity: 0.8;\n    transform: scale(0.98);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* Estilos para modo de prueba */\n.test-mode .nav-link,\n.test-mode .section-title {\n  position: relative;\n}\n\n.test-mode .nav-link::after,\n.test-mode .section-title::after {\n  content: attr(data-i18n);\n  position: absolute;\n  top: -20px;\n  left: 0;\n  font-size: 10px;\n  color: rgba(0, 255, 0, 0.7);\n  font-family: monospace;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n/* Indicador de estado del sistema */\n.scramble-status {\n  position: fixed;\n  bottom: 10px;\n  left: 10px;\n  background: rgba(0, 0, 0, 0.8);\n  color: lime;\n  padding: 5px;\n  font-family: monospace;\n  font-size: 11px;\n  border-radius: 3px;\n  z-index: 99999;\n  display: none;\n}\n\n.scramble-status.show {\n  display: block;\n}\n\n.scramble-status.error {\n  background: rgba(255, 0, 0, 0.8);\n  color: white;\n}\n\n.scramble-status.success {\n  background: rgba(0, 255, 0, 0.8);\n  color: black;\n}\n\n/* Optimizaciones para performance durante debugging */\n.debug-mode * {\n  will-change: auto;\n}\n\n/* Reset completo para casos de emergencia */\n.nuclear-reset * {\n  all: revert !important;\n}\n\n.nuclear-reset [data-i18n] {\n  filter: none !important;\n  text-shadow: none !important;\n  transform: none !important;\n  transition: none !important;\n  animation: none !important;\n}\n