/* ===================================================================== NZT WEB 014E - ESTADO VISUAL DE BOTONES PRIMARIOS Corrige el destello/blanqueo al presionar o dejar foco. Alcance: SOLO Estadisticas. ===================================================================== */ body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus, body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus-visible, body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:active { background: linear-gradient( 135deg, var(--nzt-est-cyan), var(--nzt-est-cyan-strong) ) !important; border-color: var(--nzt-est-cyan) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.nzt-estadisticas-v2 a.nzt-btn.nzt-btn-primary:visited { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus i, body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus-visible i, body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:active i { color: currentColor !important; -webkit-text-fill-color: currentColor !important; } body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus { outline: none !important; } body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:focus-visible { outline: 2px solid var(--nzt-est-cyan) !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px var(--nzt-est-cyan-soft), 0 12px 28px rgba(0, 180, 205, .16) !important; } body.nzt-estadisticas-v2 .nzt-btn.nzt-btn-primary:active { transform: translateY(1px) !important; } /* ===================================================================== NZT WEB 014F - ESTADO VISUAL BOTONES EN PESTANAS Referencia visual: boton Buscar de Gastos mensuales. Alcance: solo botones .nzt-btn dentro de los paneles de Estadisticas. No modifica HTML funcional, JS, API, Neon, Mobile ni logica financiera. ===================================================================== */ body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus-visible, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:active { border-color: var(--nzt-est-cyan) !important; background: var(--nzt-est-cyan-soft) !important; color: var(--nzt-est-cyan-strong) !important; -webkit-text-fill-color: var(--nzt-est-cyan-strong) !important; opacity: 1 !important; filter: none !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus span, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus-visible i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus-visible span, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:active i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:active span { color: currentColor !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus { outline: none !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:focus-visible { outline: none !important; box-shadow: 0 0 0 4px var(--nzt-est-cyan-soft), 0 12px 26px rgba(39, 90, 111, 0.10) !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn:active { transform: translateY(1px) scale(.985) !important; } /* Enlaces de accion, como Gestionar tarjetas, conservan texto visible. */ body.nzt-estadisticas-v2 .nzt-panel a.nzt-btn:focus, body.nzt-estadisticas-v2 .nzt-panel a.nzt-btn:focus-visible, body.nzt-estadisticas-v2 .nzt-panel a.nzt-btn:active { color: var(--nzt-est-cyan-strong) !important; -webkit-text-fill-color: var(--nzt-est-cyan-strong) !important; text-decoration: none !important; } /* ===================================================================== NZT WEB 014G - CORRECCION REAL HOVER BOTONES PRIMARIOS Referencia: boton Buscar de Gastos mensuales. Causa corregida: - Estadisticas aplica fondo claro en .nzt-btn:hover. - Luego .nzt-btn-primary:hover conserva texto blanco. - Fondo claro + texto blanco = boton visualmente vacio. Alcance: - SOLO .nzt-btn-primary dentro de .nzt-panel. - No toca tabs superiores, HTML funcional, JS, API, Neon ni Mobile. ===================================================================== */ body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:hover, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus-visible, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:active { border-color: var(--nzt-est-cyan) !important; background: var(--nzt-est-cyan-soft) !important; color: var(--nzt-est-cyan-strong) !important; -webkit-text-fill-color: var(--nzt-est-cyan-strong) !important; opacity: 1 !important; filter: none !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:hover i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:hover span, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus span, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus-visible i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus-visible span, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:active i, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:active span { color: currentColor !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:hover, body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus-visible { box-shadow: 0 0 0 4px var(--nzt-est-cyan-soft), 0 12px 26px rgba(39, 90, 111, 0.10) !important; outline: none !important; transform: translateY(-1px) !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:focus { outline: none !important; } body.nzt-estadisticas-v2 .nzt-panel .nzt-btn.nzt-btn-primary:active { box-shadow: 0 0 0 3px var(--nzt-est-cyan-soft) !important; transform: translateY(1px) scale(.985) !important; }