/** * @package FacturaScripts * @author Carlos Moreno Gil * @description Hoja de estilos premium del tema Zolteka con variables de color e interactividad */ :root { /* 1. Colores corporativos base (Zolteka Emerald por defecto) */ --v-primary: #10B981; --v-primary-rgb: 16, 185, 129; --v-primary-hover: #0D9488; --v-secondary: #475569; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #0F172A; --v-bg-dark-rgb: 15, 23, 42; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #94A3B8; --v-accent: #0D9488; --v-dark-accent: #2dd4bf; --v-dark-accent-rgb: 45, 212, 191; --v-icon-standard: #64748B; --v-icon-emerald: #10B981; --v-icon-security: #B08D57; --zolteka-overlay-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%); /* Bordes y tamaños dinámicos */ --zolteka-radius-card: 12px; --zolteka-radius-btn: 8px; --zolteka-radius-input: 6px; /* Bootstrap Expose */ --bs-primary: var(--v-primary); --bs-primary-rgb: var(--v-primary-rgb); --bs-secondary: var(--v-secondary); --bs-secondary-rgb: 71, 85, 105; --bs-body-bg: #FFFFFF; --bs-secondary-bg: var(--v-bg-secondary); --bs-tertiary-bg: var(--v-bg-secondary); --bs-body-color: var(--v-text); --bs-heading-color: var(--v-heading-color); --bs-link-color: var(--v-primary); --bs-link-color-rgb: var(--v-primary-rgb); --bs-link-hover-color: var(--v-primary-hover); --bs-border-color: #E2E8F0; --bs-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -2px rgba(0, 0, 0, 0.04); /* Componentes FacturaScripts: Tarjetas blancas impolutas y paneles secundarios tintados */ --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FFFFFF; --theme-sidebar-text: var(--v-secondary); --theme-sidebar-brand-text: var(--v-heading-color); --theme-input-focus-border: var(--v-primary); --theme-dropdown-hover-bg: rgba(16, 185, 129, 0.08); } body.zolteka-theme-zolteka, .zolteka-theme-zolteka { --v-primary: #10B981; --v-primary-rgb: 16, 185, 129; --v-primary-hover: #0D9488; --v-accent: #0D9488; --v-bg-dark: #0F172A; --v-bg-dark-rgb: 15, 23, 42; --bs-primary: #10B981; --bs-primary-rgb: 16, 185, 129; --bs-link-color: #10B981; --bs-link-color-rgb: 16, 185, 129; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --theme-card-bg: #FFFFFF; --theme-input-focus-border: #10B981; --theme-dropdown-hover-bg: rgba(16, 185, 129, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%); } body.zolteka-theme-default, .zolteka-theme-default { --v-primary: #0d6efd; --v-primary-rgb: 13, 110, 253; --v-primary-hover: #0b5ed7; --v-secondary: #6c757d; --v-bg-light: #f8f9fa; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #212529; --v-bg-dark-rgb: 33, 37, 41; --v-text: #212529; --v-heading-color: #212529; --v-text-muted: #6c757d; --v-accent: #0d6efd; --v-dark-accent: #6ea8fe; --v-dark-accent-rgb: 110, 168, 254; --bs-primary: #0d6efd; --bs-primary-rgb: 13, 110, 253; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --theme-card-bg: #FFFFFF; --theme-input-focus-border: #86b7fe; --theme-dropdown-hover-bg: rgba(13, 110, 253, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(13, 110, 253, 0.85) 0%, rgba(33, 37, 41, 0.95) 100%); } body.zolteka-theme-zolteka_dark, .zolteka-theme-zolteka_dark { --v-primary: #10B981; --v-primary-rgb: 16, 185, 129; --v-primary-hover: #0D9488; --v-secondary: #94A3B8; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #020617; --v-bg-dark-rgb: 2, 6, 23; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #2DD4BF; --v-dark-accent: #2dd4bf; --v-dark-accent-rgb: 45, 212, 191; --bs-primary: #10B981; --bs-primary-rgb: 16, 185, 129; --bs-link-color: #10B981; --bs-link-color-rgb: 16, 185, 129; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #0F172A; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-dropdown-hover-bg: rgba(45, 212, 191, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.85) 0%, rgba(2, 6, 23, 0.95) 100%); } body.zolteka-theme-prestige, .zolteka-theme-prestige { --v-primary: #B08D57; --v-primary-rgb: 176, 141, 87; --v-primary-hover: #967444; --v-secondary: #94A3B8; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #12100B; --v-bg-dark-rgb: 18, 16, 11; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #D4AF37; --v-dark-accent: #E5C378; --v-dark-accent-rgb: 229, 195, 120; --bs-primary: #B08D57; --bs-primary-rgb: 176, 141, 87; --bs-link-color: #B08D57; --bs-link-color-rgb: 176, 141, 87; --bs-link-hover-color: #967444; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #12100B; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #B08D57; --theme-dropdown-hover-bg: rgba(176, 141, 87, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(176, 141, 87, 0.90) 0%, rgba(18, 16, 11, 0.98) 100%); } body.zolteka-theme-cyber, .zolteka-theme-cyber { --v-primary: #8B5CF6; --v-primary-rgb: 139, 92, 246; --v-primary-hover: #7C3AED; --v-secondary: #94A3B8; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #0F0C1B; --v-bg-dark-rgb: 15, 12, 27; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #EC4899; --v-accent-rgb: 236, 72, 153; --v-dark-accent: #EC4899; --v-dark-accent-rgb: 236, 72, 153; --bs-primary: #8B5CF6; --bs-primary-rgb: 139, 92, 246; --bs-link-color: #8B5CF6; --bs-link-color-rgb: 139, 92, 246; --bs-link-hover-color: #7C3AED; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #0F0C1B; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #8B5CF6; --theme-dropdown-hover-bg: rgba(139, 92, 246, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(139, 92, 246, 0.90) 0%, rgba(15, 12, 27, 0.98) 100%); } body.zolteka-theme-crimson, .zolteka-theme-crimson { --v-primary: #E11D48; --v-primary-rgb: 225, 29, 72; --v-primary-hover: #BE123C; --v-secondary: #94A3B8; --v-bg-light: #FAFAFA; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #334155; --v-bg-dark-rgb: 51, 65, 85; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #E11D48; --v-accent-rgb: 225, 29, 72; --v-dark-accent: #FB7185; --v-dark-accent-rgb: 251, 113, 133; --bs-primary: #E11D48; --bs-primary-rgb: 225, 29, 72; --bs-link-color: #E11D48; --bs-link-color-rgb: 225, 29, 72; --bs-link-hover-color: #BE123C; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #334155; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #E11D48; --theme-dropdown-hover-bg: rgba(225, 29, 72, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(225, 29, 72, 0.90) 0%, rgba(51, 65, 85, 0.98) 100%); } body.zolteka-theme-serenity, .zolteka-theme-serenity { --v-primary: #2DD4BF; --v-primary-rgb: 45, 212, 191; --v-primary-hover: #14B8A6; --v-secondary: #475569; --v-bg-light: #F0FDFA; --v-bg-secondary: color-mix(in srgb, #2DD4BF 6%, #F0FDFA); --v-bg-dark: #134E4A; --v-bg-dark-rgb: 19, 78, 74; --v-text: #134E4A; --v-heading-color: #134E4A; --v-text-muted: #64748B; --v-accent: #2DD4BF; --v-dark-accent: #2DD4BF; --v-dark-accent-rgb: 45, 212, 191; --bs-primary: #14B8A6; --bs-primary-rgb: 20, 184, 166; --bs-link-color: #0F766E; --bs-link-color-rgb: 15, 118, 110; --bs-link-hover-color: #115E59; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #134E4A; --theme-sidebar-text: #F0FDFA; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #2DD4BF; --theme-dropdown-hover-bg: rgba(45, 212, 191, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(45, 212, 191, 0.90) 0%, rgba(19, 78, 74, 0.98) 100%); } body.zolteka-theme-blaze, .zolteka-theme-blaze { --v-primary: #FF5F1F; --v-primary-rgb: 255, 95, 31; --v-primary-hover: #E04E12; --v-secondary: #94A3B8; --v-bg-light: #FAFAFA; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #000000; --v-bg-dark-rgb: 0, 0, 0; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #FF5F1F; --v-accent-rgb: 255, 95, 31; --v-dark-accent: #FF7A45; --v-dark-accent-rgb: 255, 122, 69; --bs-primary: #FF5F1F; --bs-primary-rgb: 255, 95, 31; --bs-link-color: #FF5F1F; --bs-link-color-rgb: 255, 95, 31; --bs-link-hover-color: #E04E12; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #000000; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #FF5F1F; --theme-dropdown-hover-bg: rgba(255, 95, 31, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(255, 95, 31, 0.90) 0%, rgba(0, 0, 0, 0.98) 100%); } body.zolteka-theme-nexus, .zolteka-theme-nexus { --v-primary: #4F46E5; --v-primary-rgb: 79, 70, 229; --v-primary-hover: #4338CA; --v-secondary: #94A3B8; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #0F172A; --v-bg-dark-rgb: 15, 23, 42; --v-text: #475569; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #06B6D4; --v-accent-rgb: 6, 182, 212; --v-dark-accent: #22D3EE; --v-dark-accent-rgb: 34, 211, 238; --bs-primary: #4F46E5; --bs-primary-rgb: 79, 70, 229; --bs-link-color: #4F46E5; --bs-link-color-rgb: 79, 70, 229; --bs-link-hover-color: #4338CA; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #0F172A; --theme-sidebar-text: #FFFFFF; --theme-sidebar-brand-text: #FFFFFF; --theme-input-focus-border: #4F46E5; --theme-dropdown-hover-bg: rgba(79, 70, 229, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(79, 70, 229, 0.90) 0%, rgba(15, 23, 42, 0.98) 100%); } body.zolteka-theme-zen, .zolteka-theme-zen { --v-primary: #52796F; --v-primary-rgb: 82, 121, 111; --v-primary-hover: #3F6259; --v-secondary: #2F3E46; --v-bg-light: #F8F9FA; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #2F3E46; --v-bg-dark-rgb: 47, 62, 70; --v-text: #2F3E46; --v-heading-color: #2F3E46; --v-text-muted: #64748B; --v-accent: #84A98C; --v-dark-accent: #84A98C; --v-dark-accent-rgb: 132, 169, 140; --bs-primary: #52796F; --bs-primary-rgb: 82, 121, 111; --bs-link-color: #52796F; --bs-link-color-rgb: 82, 121, 111; --bs-link-hover-color: #3F6259; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FFFFFF; --theme-sidebar-text: #2F3E46; --theme-sidebar-brand-text: #2F3E46; --theme-input-focus-border: #52796F; --theme-dropdown-hover-bg: rgba(82, 121, 111, 0.12); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(82, 121, 111, 0.90) 0%, rgba(47, 62, 70, 0.98) 100%); } body.zolteka-theme-zafiro, .zolteka-theme-zafiro { --v-primary: #1E3A8A; --v-primary-rgb: 30, 58, 138; --v-primary-hover: #172554; --v-secondary: #475569; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #0F172A; --v-bg-dark-rgb: 15, 23, 42; --v-text: #334155; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #2563EB; --v-accent-rgb: 37, 99, 235; --v-dark-accent: #60A5FA; --v-dark-accent-rgb: 96, 165, 250; --bs-primary: #1E3A8A; --bs-primary-rgb: 30, 58, 138; --bs-link-color: #1E3A8A; --bs-link-color-rgb: 30, 58, 138; --bs-link-hover-color: #172554; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FFFFFF; --theme-sidebar-text: #475569; --theme-sidebar-brand-text: #0F172A; --theme-input-focus-border: #1E3A8A; --theme-dropdown-hover-bg: rgba(30, 58, 138, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(30, 58, 138, 0.90) 0%, rgba(15, 23, 42, 0.98) 100%); } body.zolteka-theme-nord, .zolteka-theme-nord { --v-primary: #475569; --v-primary-rgb: 71, 85, 105; --v-primary-hover: #334155; --v-secondary: #64748B; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #1E293B; --v-bg-dark-rgb: 30, 41, 59; --v-text: #334155; --v-heading-color: #0F172A; --v-text-muted: #94A3B8; --v-accent: #64748B; --v-accent-rgb: 100, 116, 139; --v-dark-accent: #94A3B8; --v-dark-accent-rgb: 148, 163, 184; --bs-primary: #475569; --bs-primary-rgb: 71, 85, 105; --bs-link-color: #475569; --bs-link-color-rgb: 71, 85, 105; --bs-link-hover-color: #334155; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FFFFFF; --theme-sidebar-text: #475569; --theme-sidebar-brand-text: #0F172A; --theme-input-focus-border: #475569; --theme-dropdown-hover-bg: rgba(71, 85, 105, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(71, 85, 105, 0.90) 0%, rgba(30, 41, 59, 0.98) 100%); } body.zolteka-theme-terra, .zolteka-theme-terra { --v-primary: #B45309; --v-primary-rgb: 180, 83, 9; --v-primary-hover: #92400E; --v-secondary: #78350F; --v-bg-light: #FFFCF9; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #FFFBEB); --v-bg-dark: #431407; --v-bg-dark-rgb: 67, 20, 7; --v-text: #431407; --v-heading-color: #431407; --v-text-muted: #92400E; --v-accent: #D97706; --v-accent-rgb: 217, 119, 6; --v-dark-accent: #F59E0B; --v-dark-accent-rgb: 245, 158, 11; --bs-primary: #B45309; --bs-primary-rgb: 180, 83, 9; --bs-link-color: #B45309; --bs-link-color-rgb: 180, 83, 9; --bs-link-hover-color: #92400E; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FEF9EE; --theme-sidebar-text: #431407; --theme-sidebar-brand-text: #431407; --theme-input-focus-border: #B45309; --theme-dropdown-hover-bg: rgba(180, 83, 9, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(180, 83, 9, 0.90) 0%, rgba(67, 20, 7, 0.98) 100%); } body.zolteka-theme-pergamino, .zolteka-theme-pergamino { --v-primary: #2C3E50; --v-primary-rgb: 44, 62, 80; --v-primary-hover: #1A252F; --v-secondary: #7F8C8D; --v-bg-light: #FDFBF7; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #1A252F; --v-bg-dark-rgb: 26, 37, 47; --v-text: #2C3E50; --v-heading-color: #2C3E50; --v-text-muted: #7F8C8D; --v-accent: #7F8C8D; --v-accent-rgb: 127, 140, 141; --v-dark-accent: #34495E; --v-dark-accent-rgb: 52, 73, 94; --bs-primary: #2C3E50; --bs-primary-rgb: 44, 62, 80; --bs-link-color: #2C3E50; --bs-link-color-rgb: 44, 62, 80; --bs-link-hover-color: #1A252F; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FDFBF7; --theme-sidebar-text: #2C3E50; --theme-sidebar-brand-text: #2C3E50; --theme-input-focus-border: #2C3E50; --theme-dropdown-hover-bg: rgba(44, 62, 80, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(44, 62, 80, 0.90) 0%, rgba(26, 37, 47, 0.98) 100%); } body.zolteka-theme-kinetic, .zolteka-theme-kinetic { --v-primary: #F97316; --v-primary-rgb: 249, 115, 22; --v-primary-hover: #EA580C; --v-secondary: #334155; --v-bg-light: #F8FAFC; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 3.5%, #F1F5F9); --v-bg-dark: #1E293B; --v-bg-dark-rgb: 30, 41, 59; --v-text: #334155; --v-heading-color: #0F172A; --v-text-muted: #64748B; --v-accent: #3B82F6; --v-accent-rgb: 59, 130, 246; --v-dark-accent: #60A5FA; --v-dark-accent-rgb: 96, 165, 250; --bs-primary: #F97316; --bs-primary-rgb: 249, 115, 22; --bs-link-color: #F97316; --bs-link-color-rgb: 249, 115, 22; --bs-link-hover-color: #EA580C; --theme-card-bg: #FFFFFF; --theme-sidebar-bg: #FFFFFF; --theme-sidebar-text: #334155; --theme-sidebar-brand-text: #0F172A; --theme-input-focus-border: #F97316; --theme-dropdown-hover-bg: rgba(249, 115, 22, 0.08); --zolteka-overlay-gradient: linear-gradient(135deg, rgba(249, 115, 22, 0.90) 0%, rgba(30, 41, 59, 0.98) 100%); } /* Fondo global blanco impoluto del core de FacturaScripts */ html, body { background-color: var(--bs-body-bg, #FFFFFF) !important; } /* Zona superior (cabecera de herramientas, opciones, pestañas y filtros) con el color principal tintado al 3.5% */ div.bg-light.pt-3, .nav-tabs-wrapper { background-color: var(--v-bg-secondary) !important; } /* El contenido principal de los listados, editores y tarjetas permanece en blanco impoluto del Core */ .tab-content, .tab-pane, .card, .card-body, .table-responsive { background-color: var(--bs-body-bg, #FFFFFF) !important; } /* Bloquear forzado de modo oscuro de navegador/sistema y garantizar esquema claro en el contenido */ :root, body, html { color-scheme: light !important; } .dark-mode, [data-bs-theme="dark"] { color-scheme: light !important; --bs-body-bg: #1E293B !important; --bs-body-color: #F8FAFC !important; --v-bg-secondary: color-mix(in srgb, var(--v-primary) 10%, #0F172A) !important; --bs-tertiary-bg: var(--v-bg-secondary) !important; --bs-secondary-bg: var(--v-bg-secondary) !important; --theme-card-bg: #0F172A !important; --theme-sidebar-bg: #0F172A !important; --theme-sidebar-text: #FFFFFF !important; --theme-sidebar-brand-text: #FFFFFF !important; --theme-dropdown-hover-bg: rgba(45, 212, 191, 0.12) !important; } /* 3. Micro-diseños de Interactividad Premium */ /* Efecto de foco en inputs de formulario */ .form-control, .form-select { border-radius: var(--zolteka-radius-input) !important; } .form-control:focus, .form-select:focus { border-color: var(--theme-input-focus-border) !important; box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.15) !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } /* Redondeado moderno y sombras premium en tarjetas */ .card { background-color: var(--theme-card-bg) !important; border: 1px solid var(--bs-border-color) !important; border-radius: var(--zolteka-radius-card) !important; overflow: hidden !important; box-shadow: var(--bs-box-shadow) !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } .card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important; } /* Unificar bordes redondeados y transiciones en todos los botones */ .btn { border-radius: var(--zolteka-radius-btn) !important; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } /* btn-group: empalme clásico sin redondeo en uniones internas */ .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .btn-group:last-child:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group > .btn:only-child, .btn-group > .btn-group:only-child > .btn { border-radius: var(--zolteka-radius-btn) !important; } /* btn-group-vertical: empalme sin redondeo en uniones internas */ .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .btn-group-vertical > .btn:not(:last-child), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-group-vertical > .btn:only-child, .btn-group-vertical > .btn-group:only-child > .btn { border-radius: var(--zolteka-radius-btn) !important; } /* input-group: empalme clásico sin redondeo en uniones internas */ .input-group > .form-control:not(:first-child), .input-group > .form-select:not(:first-child), .input-group > .input-group-text:not(:first-child), .input-group > .btn:not(:first-child), .input-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .input-group > .form-control:not(:last-child), .input-group > .form-select:not(:last-child), .input-group > .input-group-text:not(:last-child), .input-group > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .btn.dropdown-toggle-split:first-child, .input-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .input-group > .form-control:first-child:not(:last-child), .input-group > .form-select:first-child:not(:last-child), .input-group > .input-group-text:first-child:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .input-group > .form-control:last-child:not(:first-child), .input-group > .form-select:last-child:not(:first-child), .input-group > .input-group-text:last-child:not(:first-child), .input-group > .btn:last-child:not(:first-child), .input-group > .btn-group:last-child:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .input-group > .form-control:only-child, .input-group > .form-select:only-child, .input-group > .input-group-text:only-child { border-radius: var(--zolteka-radius-input) !important; } .input-group > .btn:only-child, .input-group > .btn-group:only-child > .btn { border-radius: var(--zolteka-radius-btn) !important; } /* Botón primario interactivo */ .btn-primary { background-color: var(--v-primary) !important; border-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 500; border-radius: var(--zolteka-radius-btn) !important; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--v-primary-hover) !important; border-color: var(--v-primary-hover) !important; } body.zolteka-theme-cyber .btn-primary, body.zolteka-theme-crimson .btn-primary, body.zolteka-theme-blaze .btn-primary, body.zolteka-theme-nexus .btn-primary, body.zolteka-theme-zen .btn-primary, body.zolteka-theme-zafiro .btn-primary, body.zolteka-theme-nord .btn-primary, body.zolteka-theme-terra .btn-primary, body.zolteka-theme-pergamino .btn-primary, body.zolteka-theme-kinetic .btn-primary { background-color: var(--v-primary) !important; border-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600; } body.zolteka-theme-cyber .btn-primary:hover, body.zolteka-theme-cyber .btn-primary:focus, body.zolteka-theme-cyber .btn-primary:active, body.zolteka-theme-crimson .btn-primary:hover, body.zolteka-theme-crimson .btn-primary:focus, body.zolteka-theme-crimson .btn-primary:active, body.zolteka-theme-blaze .btn-primary:hover, body.zolteka-theme-blaze .btn-primary:focus, body.zolteka-theme-blaze .btn-primary:active, body.zolteka-theme-nexus .btn-primary:hover, body.zolteka-theme-nexus .btn-primary:focus, body.zolteka-theme-nexus .btn-primary:active, body.zolteka-theme-zen .btn-primary:hover, body.zolteka-theme-zen .btn-primary:focus, body.zolteka-theme-zen .btn-primary:active, body.zolteka-theme-zafiro .btn-primary:hover, body.zolteka-theme-zafiro .btn-primary:focus, body.zolteka-theme-zafiro .btn-primary:active, body.zolteka-theme-nord .btn-primary:hover, body.zolteka-theme-nord .btn-primary:focus, body.zolteka-theme-nord .btn-primary:active, body.zolteka-theme-terra .btn-primary:hover, body.zolteka-theme-terra .btn-primary:focus, body.zolteka-theme-terra .btn-primary:active, body.zolteka-theme-pergamino .btn-primary:hover, body.zolteka-theme-pergamino .btn-primary:focus, body.zolteka-theme-pergamino .btn-primary:active, body.zolteka-theme-kinetic .btn-primary:hover, body.zolteka-theme-kinetic .btn-primary:focus, body.zolteka-theme-kinetic .btn-primary:active { background-color: var(--v-primary-hover) !important; border-color: var(--v-primary-hover) !important; color: #FFFFFF !important; } body.zolteka-theme-cyber .form-control:focus, body.zolteka-theme-cyber .form-select:focus { border-color: #8B5CF6 !important; box-shadow: 0 0 0 0.25rem rgba(139, 92, 246, 0.25) !important; } body.zolteka-theme-crimson .form-control:focus, body.zolteka-theme-crimson .form-select:focus { border-color: #E11D48 !important; box-shadow: 0 0 0 0.25rem rgba(225, 29, 72, 0.25) !important; } body.zolteka-theme-blaze .form-control:focus, body.zolteka-theme-blaze .form-select:focus { border-color: #FF5F1F !important; box-shadow: 0 0 0 0.25rem rgba(255, 95, 31, 0.25) !important; } body.zolteka-theme-nexus .form-control:focus, body.zolteka-theme-nexus .form-select:focus { border-color: #4F46E5 !important; box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25) !important; } body.zolteka-theme-zen .form-control:focus, body.zolteka-theme-zen .form-select:focus { border-color: #52796F !important; box-shadow: 0 0 0 0.25rem rgba(82, 121, 111, 0.25) !important; } body.zolteka-theme-zafiro .form-control:focus, body.zolteka-theme-zafiro .form-select:focus { border-color: #1E3A8A !important; box-shadow: 0 0 0 0.25rem rgba(30, 58, 138, 0.25) !important; } body.zolteka-theme-nord .form-control:focus, body.zolteka-theme-nord .form-select:focus { border-color: #475569 !important; box-shadow: 0 0 0 0.25rem rgba(71, 85, 105, 0.25) !important; } body.zolteka-theme-terra .form-control:focus, body.zolteka-theme-terra .form-select:focus { border-color: #B45309 !important; box-shadow: 0 0 0 0.25rem rgba(180, 83, 9, 0.25) !important; } body.zolteka-theme-pergamino .form-control:focus, body.zolteka-theme-pergamino .form-select:focus { border-color: #2C3E50 !important; box-shadow: 0 0 0 0.25rem rgba(44, 62, 80, 0.25) !important; } body.zolteka-theme-kinetic .form-control:focus, body.zolteka-theme-kinetic .form-select:focus { border-color: #F97316 !important; box-shadow: 0 0 0 0.25rem rgba(249, 115, 22, 0.25) !important; } /* Botón de acento personalizado (usa la clase secundaria o de acento en el ERP) */ .btn-accent { background-color: var(--v-accent) !important; border-color: var(--v-accent) !important; color: #FFFFFF !important; border-radius: var(--zolteka-radius-btn) !important; } .btn-accent:hover { background-color: var(--v-primary-hover) !important; border-color: var(--v-primary-hover) !important; } /* Badges y destacados con el color de acento */ .badge-accent, .badge.bg-accent, .badge.bg-secondary, #sidebar .badge, .navbar .badge, .navbar-custom .badge, .z-badge-accent { background-color: var(--v-accent) !important; color: #ffffff !important; } .navbar-brand { display: inline-flex !important; align-items: center !important; gap: 8px; } /* Estilización de la barra de navegación del Core de FacturaScripts */ body.zolteka-theme-zolteka .navbar:not(.navbar-custom), body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom), body.zolteka-theme-prestige .navbar:not(.navbar-custom), body.zolteka-theme-cyber .navbar:not(.navbar-custom), body.zolteka-theme-crimson .navbar:not(.navbar-custom), body.zolteka-theme-blaze .navbar:not(.navbar-custom), body.zolteka-theme-serenity .navbar:not(.navbar-custom), body.zolteka-theme-nexus .navbar:not(.navbar-custom), body.zolteka-theme-zen .navbar:not(.navbar-custom), body.zolteka-theme-zafiro .navbar:not(.navbar-custom), body.zolteka-theme-nord .navbar:not(.navbar-custom), body.zolteka-theme-terra .navbar:not(.navbar-custom), body.zolteka-theme-pergamino .navbar:not(.navbar-custom), body.zolteka-theme-kinetic .navbar:not(.navbar-custom) { background-color: var(--theme-sidebar-bg) !important; border-bottom: 1px solid var(--bs-border-color) !important; box-shadow: var(--bs-box-shadow-sm) !important; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-zen .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-zen .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-nord .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-nord .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-terra .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-terra .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .navbar-brand span, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .navbar-brand, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .navbar-brand span { color: var(--theme-sidebar-brand-text) !important; } /* Los logos de empresa se muestran siempre con sus colores originales. * No aplicamos filter alguno: el cliente puede subir un logo con su propia paleta. * El modo oscuro nativo de Bootstrap/FS ya gestiona la inversión si fuera necesaria. */ body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-zen .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-nord .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-terra .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .nav-link, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .nav-link { color: var(--theme-sidebar-text) !important; font-weight: 500; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-zen .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-zen .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-nord .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-nord .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-terra .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-terra .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .nav-link.active, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .nav-link:hover, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .nav-link.active { color: var(--v-primary) !important; } /* En modo oscuro, el texto del brand debe ser claro y el logo blanco */ .dark-mode .navbar .navbar-brand, .dark-mode .navbar .navbar-brand span, [data-bs-theme="dark"] .navbar .navbar-brand, [data-bs-theme="dark"] .navbar .navbar-brand span { color: #F8FAFC !important; } .dark-mode .navbar .navbar-brand img, [data-bs-theme="dark"] .navbar .navbar-brand img { filter: none !important; } /* Toggler — visible sobre fondo claro (nuestro tema usa navbar blanca, no navbar-dark) */ .navbar-toggler { border: 1.5px solid var(--v-primary) !important; padding: 0.35rem 0.65rem !important; border-radius: 6px !important; background-color: transparent !important; color: var(--v-primary) !important; } .navbar-toggler:focus { box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important; outline: none; } /* Icono hamburguesa: líneas oscuras para fondo claro (nuestro tema Zolteka) */ .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2310B981' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; width: 1.3em; height: 1.3em; } .dark-mode .navbar-toggler, [data-bs-theme="dark"] .navbar-toggler { border-color: var(--v-dark-accent) !important; } .dark-mode .navbar-toggler .navbar-toggler-icon, [data-bs-theme="dark"] .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%232DD4BF' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } /* ========================================================================== Submenús y desplegables en modo horizontal (Escritorio / PC) ========================================================================== */ @media (min-width: 992px) { .navbar:not(.navbar-custom) .zolteka-chevron { display: none !important; } /* Temas oscuros / personalizados: fondo del menú desplegable a juego con la barra de navegación */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-menu { background-color: var(--theme-sidebar-bg) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: var(--zolteka-radius-card, 8px) !important; box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.35), 0 8px 10px -6px rgba(0, 0, 0, 0.25) !important; padding: 0.5rem 0.35rem !important; } /* Submenú anidado (segundo nivel y posteriores) */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu { background-color: var(--theme-sidebar-bg) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.4) !important; } /* Elementos dentro del desplegable en temas oscuros / barra coloreada */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item { color: var(--theme-sidebar-text, #FFFFFF) !important; font-size: var(--zolteka-font-size-base, 1rem) !important; font-weight: 500 !important; padding: 0.5rem 0.85rem !important; border-radius: var(--zolteka-radius-btn, 6px) !important; display: flex !important; align-items: center !important; gap: 0.65rem !important; transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease !important; } /* Iconos dentro de los ítems del menú desplegable */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item i { width: 1.25rem !important; text-align: center !important; opacity: 0.85 !important; color: inherit !important; } /* Efecto hover / activo en elementos del submenú */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-submenu:hover > a { background-color: rgba(255, 255, 255, 0.08) !important; color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-item:hover i { opacity: 1 !important; color: var(--v-primary) !important; } /* Chevron de submenú en temas oscuros / barra coloreada (hereda currentColor) */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-submenu > a::after { border-color: transparent !important; border-right-color: currentColor !important; border-bottom-color: currentColor !important; opacity: 0.55; } body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after { opacity: 1; } /* Divisores de submenú */ body.zolteka-theme-zolteka_dark .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-prestige .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-cyber .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-crimson .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-blaze .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-serenity .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-nexus .navbar:not(.navbar-custom) .dropdown-divider, body.zolteka-theme-custom .navbar:not(.navbar-custom) .dropdown-divider { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; margin: 0.35rem 0.25rem !important; } /* Tema Claro: Estilo estilizado del submenú sobre blanco / crema */ body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-menu, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-menu { background-color: var(--theme-sidebar-bg, #FFFFFF) !important; border: 1px solid var(--bs-border-color) !important; border-radius: var(--zolteka-radius-card, 8px) !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04) !important; padding: 0.5rem 0.35rem !important; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item { color: var(--theme-sidebar-text, #475569) !important; font-size: var(--zolteka-font-size-base, 1rem) !important; font-weight: 500 !important; padding: 0.5rem 0.85rem !important; border-radius: var(--zolteka-radius-btn, 6px) !important; display: flex !important; align-items: center !important; gap: 0.65rem !important; transition: background-color 0.15s ease, color 0.15s ease !important; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item i, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item i { width: 1.25rem !important; text-align: center !important; color: #64748B !important; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-submenu:hover > a, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item:hover, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item:focus, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item.active, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-submenu:hover > a { background-color: var(--theme-dropdown-hover-bg, rgba(var(--v-primary-rgb, 30, 58, 138), 0.08)) !important; color: var(--v-primary) !important; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-item:hover i, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-item:hover i { color: var(--v-primary) !important; } /* Chevron de submenú en tema claro */ body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-submenu > a::after, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-submenu > a::after { border-color: transparent !important; border-right-color: currentColor !important; border-bottom-color: currentColor !important; opacity: 0.45; } body.zolteka-theme-zolteka .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-zen .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-zafiro .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-nord .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-terra .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-pergamino .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, body.zolteka-theme-kinetic .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after { opacity: 1; } /* Submenú anidado (Administrador > General, Zolteka, etc.): flyout a la derecha */ .navbar:not(.navbar-custom) .dropdown-menu { overflow: visible !important; } .navbar:not(.navbar-custom) .dropdown-submenu { position: relative; } /* Espacio a la derecha para el chevron (textos largos no lo solapan) */ .navbar:not(.navbar-custom) .dropdown-submenu > a { padding-right: 1.65rem !important; } /* * Chevron moderno: sustituye el triángulo legacy del Core * (.dropdown-submenu > a::after con float + border-left). * Compatible con display:flex de los .dropdown-item de Zolteka. */ .navbar:not(.navbar-custom) .dropdown-submenu > a::after { content: "" !important; display: block !important; float: none !important; width: 0.42rem !important; height: 0.42rem !important; margin: 0 0 0 auto !important; padding: 0 !important; border-style: solid !important; border-width: 0 2px 2px 0 !important; border-color: transparent !important; border-right-color: currentColor !important; border-bottom-color: currentColor !important; border-left-width: 0 !important; border-left-color: transparent !important; transform: rotate(-45deg); opacity: 0.55; flex-shrink: 0; align-self: center; transition: opacity 0.15s ease, border-color 0.15s ease; } .navbar:not(.navbar-custom) .dropdown-submenu:hover > a::after, .navbar:not(.navbar-custom) .dropdown-submenu:focus-within > a::after { opacity: 1; } .navbar:not(.navbar-custom) .dropdown-submenu > .dropdown-menu { display: none; position: absolute !important; top: 0; left: 100%; margin-top: 0 !important; margin-left: 2px; min-width: 220px; z-index: 1060; } .navbar:not(.navbar-custom) .dropdown-submenu:hover > .dropdown-menu, .navbar:not(.navbar-custom) .dropdown-submenu:focus-within > .dropdown-menu { display: block !important; } } /* Estilos del menú desplegado en móvil — protegido con .navbar-expand-lg */ @media (max-width: 991.98px) { /* --- FIX: Forzar nombres completos del menú (el Core recorta a 2 letras con d-md-none) --- */ .navbar-expand-lg .navbar-collapse .fs-menu-item .d-md-none { display: none !important; } .navbar-expand-lg .navbar-collapse .fs-menu-item .d-none.d-md-inline-block { display: inline !important; } /* --- Panel desplegable: overlay fullscreen diferenciado de la barra --- */ .navbar-expand-lg .navbar-collapse { background-color: var(--theme-sidebar-bg) !important; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; padding: 1rem 0; border-top: 3px solid var(--v-primary) !important; box-shadow: 4px 0 20px rgba(0, 0, 0, 0.12) !important; z-index: 1029; overflow-y: auto; } .dark-mode .navbar-expand-lg .navbar-collapse, [data-bs-theme="dark"] .navbar-expand-lg .navbar-collapse { background-color: var(--theme-card-bg) !important; } .navbar-expand-lg .navbar-collapse .navbar-nav { flex-direction: column !important; width: 100%; padding: 0 0.75rem; } .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item { width: 100%; margin-bottom: 0; } /* --- Estilo acordeón al estilo RichiTheme: ítems de menú principales --- */ .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link { display: flex !important; align-items: center; justify-content: space-between; padding: 0.75rem 1rem !important; border-radius: 8px; color: var(--theme-sidebar-text) !important; font-size: var(--zolteka-font-size-base, 1rem); font-weight: 500; transition: background-color 0.15s ease, color 0.15s ease; text-decoration: none; } .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.08) !important; color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover, body.zolteka-theme-prestige .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover, body.zolteka-theme-cyber .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover, body.zolteka-theme-crimson .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover, body.zolteka-theme-serenity .navbar-expand-lg .navbar-collapse .fs-menu-item>a.nav-link:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; } /* Ítem activo */ .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.1) !important; color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link, body.zolteka-theme-prestige .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link, body.zolteka-theme-cyber .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link, body.zolteka-theme-crimson .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link, body.zolteka-theme-serenity .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open>a.nav-link { background-color: rgba(255, 255, 255, 0.08) !important; color: #FFFFFF !important; } /* --- Chevron animado (se inserta por JS) --- */ .zolteka-chevron { display: inline-flex; align-items: center; margin-left: auto; padding-left: 0.5rem; color: var(--theme-sidebar-text); transition: transform 0.25s ease, color 0.15s ease; flex-shrink: 0; } .zolteka-chevron svg { width: 10px; height: 10px; } .fs-menu-item.zolteka-open .zolteka-chevron { transform: rotate(90deg); color: var(--v-primary); } /* Ocultar el caret de Bootstrap dropdown en móvil */ .navbar-expand-lg .navbar-collapse .dropdown-toggle::after { display: none !important; } /* --- Submenú inline (acordeón) --- */ .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu { display: none; position: static !important; float: none !important; width: 100% !important; margin: 0 !important; border: none !important; border-left: 2px solid rgba(var(--v-primary-rgb, 16, 185, 129), 0.25) !important; border-radius: 0 0 8px 8px !important; box-shadow: none !important; background-color: transparent !important; padding: 0.25rem 0 0.5rem 0.75rem !important; animation: zoltekaSlideDown 0.2s ease; } @keyframes zoltekaSlideDown { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .navbar-expand-lg .navbar-collapse .fs-menu-item.zolteka-open .dropdown-menu { display: block !important; } /* Items del submenú */ .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item { padding: 0.55rem 0.75rem !important; border-radius: 6px !important; color: var(--theme-sidebar-text) !important; font-size: var(--zolteka-font-size-base, 1rem); transition: background-color 0.15s ease, color 0.15s ease; } .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.08) !important; color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, body.zolteka-theme-zolteka_dark .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active, body.zolteka-theme-prestige .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, body.zolteka-theme-prestige .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active, body.zolteka-theme-cyber .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, body.zolteka-theme-cyber .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active, body.zolteka-theme-crimson .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, body.zolteka-theme-crimson .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active, body.zolteka-theme-serenity .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item:hover, body.zolteka-theme-serenity .navbar-expand-lg .navbar-collapse .fs-menu-item .dropdown-menu .dropdown-item.active { background-color: rgba(255, 255, 255, 0.08) !important; color: #FFFFFF !important; } /* --- Iconos de acceso rápido: fila horizontal centrada al pie del panel --- */ .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row { flex-direction: row !important; justify-content: center !important; border-top: 1px solid var(--bs-border-color); padding: 1rem 0.75rem !important; margin-top: auto; gap: 2rem; } .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-item { width: auto; margin-bottom: 0; } .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link { font-size: 1.1rem; color: var(--theme-sidebar-text) !important; } .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover { color: var(--v-primary) !important; background-color: transparent !important; } body.zolteka-theme-zolteka_dark .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover, body.zolteka-theme-prestige .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover, body.zolteka-theme-cyber .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover, body.zolteka-theme-crimson .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover, body.zolteka-theme-serenity .navbar-expand-lg .navbar-collapse .navbar-nav.flex-row .nav-link:hover { color: #FFFFFF !important; background-color: transparent !important; } } /* Adaptación del menú lateral colapsable de Zolteka */ .navbar-custom { background-color: var(--theme-sidebar-bg) !important; border-bottom: 1px solid var(--bs-border-color) !important; box-shadow: var(--bs-box-shadow-sm) !important; padding-left: 1rem; padding-right: 1rem; } .navbar-custom .nav-link, .navbar-custom .navbar-brand, .navbar-custom .navbar-brand span, .navbar-custom .navbar-text { color: var(--theme-sidebar-brand-text) !important; } .navbar-custom .navbar-text i { color: var(--theme-sidebar-text) !important; } .navbar-custom .nav-link:hover { color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark .navbar-custom .nav-link:hover, body.zolteka-theme-prestige .navbar-custom .nav-link:hover, body.zolteka-theme-cyber .navbar-custom .nav-link:hover, body.zolteka-theme-crimson .navbar-custom .nav-link:hover, body.zolteka-theme-blaze .navbar-custom .nav-link:hover, body.zolteka-theme-serenity .navbar-custom .nav-link:hover { color: #FFFFFF !important; } .navbar-custom .dropdown-toggle::after { display: none; } #sidebar::-webkit-scrollbar { width: 5px; } #sidebar::-webkit-scrollbar-thumb { background-color: rgba(var(--bs-primary-rgb), 0.2); border-radius: 4px; } #sidebar::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--bs-primary-rgb), 0.4); } .sidebar-header { border-bottom: 1px solid var(--bs-border-color); padding: 1.5rem 1rem; text-align: center; background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.04) 0%, rgba(var(--bs-primary-rgb), 0.01) 100%); } .sidebar-header a { color: var(--theme-sidebar-brand-text) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; } .sidebar-header img { border: none !important; padding: 0 !important; background-color: transparent !important; max-width: 100%; } .sidebar-header p { margin-bottom: 0; font-weight: 500; color: var(--theme-sidebar-text) !important; opacity: 0.8; } #sidebar ul { padding: 0.5rem 0; list-style: none; margin-bottom: 0; } #sidebar ul ul { border-left: 2px solid rgba(var(--bs-primary-rgb), 0.2); margin-left: 1.5rem; background-color: rgba(0, 0, 0, 0.01); } .dark-mode #sidebar ul ul { background-color: rgba(255, 255, 255, 0.01); } #sidebar ul ul a { font-size: var(--zolteka-font-size-base, 1rem) !important; padding-left: 1.5rem !important; } #sidebar ul ul a:hover { padding-left: 1.75rem !important; } /* Estado activo para el Sidebar Claro (Zolteka Claro) */ body.zolteka-theme-zolteka #sidebar ul li.active { background-color: transparent !important; border-left: 4px solid var(--v-primary) !important; } body.zolteka-theme-zolteka #sidebar ul li.active>a { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.12) !important; color: var(--v-primary) !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn); margin: 0.15rem 0.5rem; } /* Estado activo para el Sidebar Minimalista Zen (Píldora Verde Salvia y texto blanco) */ body.zolteka-theme-zen #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-zen #sidebar ul li.active>a, body.zolteka-theme-zen #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; } body.zolteka-theme-zen #sidebar ul li.active a i, body.zolteka-theme-zen #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-zen #sidebar ul li a:hover { background-color: rgba(var(--v-primary-rgb, 82, 121, 111), 0.08) !important; color: var(--v-primary) !important; } /* Estado activo para el Sidebar Zafiro (Cápsula Azul Institucional y texto blanco, fondo blanco impoluto) */ body.zolteka-theme-zafiro #sidebar, body.zolteka-theme-zafiro .sidebar-wrapper { background-color: #FFFFFF !important; border-right: 1px solid #E2E8F0 !important; } body.zolteka-theme-zafiro #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-zafiro #sidebar ul li.active>a, body.zolteka-theme-zafiro #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25) !important; } body.zolteka-theme-zafiro #sidebar ul li.active a i, body.zolteka-theme-zafiro #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-zafiro #sidebar ul li a { color: #475569 !important; } body.zolteka-theme-zafiro #sidebar ul li a:hover { background-color: rgba(30, 58, 138, 0.08) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn, 8px); margin: 0.05rem 0.5rem; } /* Estado activo para el Sidebar Nord / Acero Nórdico (Píldora Acero Forjado y texto blanco, fondo blanco impoluto) */ body.zolteka-theme-nord #sidebar, body.zolteka-theme-nord .sidebar-wrapper { background-color: #FFFFFF !important; border-right: 1px solid #E2E8F0 !important; } body.zolteka-theme-nord #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-nord #sidebar ul li.active>a, body.zolteka-theme-nord #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; box-shadow: 0 4px 12px rgba(71, 85, 105, 0.25) !important; } body.zolteka-theme-nord #sidebar ul li.active a i, body.zolteka-theme-nord #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-nord #sidebar ul li a { color: #475569 !important; } body.zolteka-theme-nord #sidebar ul li a:hover { background-color: rgba(71, 85, 105, 0.08) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn, 8px); margin: 0.05rem 0.5rem; } /* Estado activo para el Sidebar Terra (Cápsula Terracota y texto blanco, fondo crema cálido) */ body.zolteka-theme-terra #sidebar, body.zolteka-theme-terra .sidebar-wrapper { background-color: var(--theme-sidebar-bg) !important; border-right: 1px solid rgba(180, 83, 9, 0.15) !important; } body.zolteka-theme-terra #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-terra #sidebar ul li.active>a, body.zolteka-theme-terra #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; box-shadow: 0 4px 12px rgba(180, 83, 9, 0.25) !important; } body.zolteka-theme-terra #sidebar ul li.active a i, body.zolteka-theme-terra #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-terra #sidebar ul li a { color: var(--theme-sidebar-text) !important; } body.zolteka-theme-terra #sidebar ul li a:hover { background-color: rgba(180, 83, 9, 0.08) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn, 8px); margin: 0.05rem 0.5rem; } /* Estado activo para el Sidebar Legacy (Cápsula Azul Tinta y texto blanco, fondo Papel Marfil) */ body.zolteka-theme-pergamino #sidebar, body.zolteka-theme-pergamino .sidebar-wrapper { background-color: var(--theme-sidebar-bg) !important; border-right: 1px solid rgba(127, 140, 141, 0.2) !important; } body.zolteka-theme-pergamino #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-pergamino #sidebar ul li.active>a, body.zolteka-theme-pergamino #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; box-shadow: 0 4px 12px rgba(44, 62, 80, 0.25) !important; } body.zolteka-theme-pergamino #sidebar ul li.active a i, body.zolteka-theme-pergamino #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-pergamino #sidebar ul li a { color: var(--theme-sidebar-text) !important; } body.zolteka-theme-pergamino #sidebar ul li a:hover { background-color: rgba(44, 62, 80, 0.08) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn, 8px); margin: 0.05rem 0.5rem; } /* Estado activo para el Sidebar Kinetic (Cápsula Naranja Acción y texto blanco, fondo blanco impoluto) */ body.zolteka-theme-kinetic #sidebar, body.zolteka-theme-kinetic .sidebar-wrapper { background-color: #FFFFFF !important; border-right: 1px solid #E2E8F0 !important; } body.zolteka-theme-kinetic #sidebar ul li.active { background-color: transparent !important; border-left: none !important; } body.zolteka-theme-kinetic #sidebar ul li.active>a, body.zolteka-theme-kinetic #sidebar .sidebar-menu-item-active { background-color: var(--v-primary) !important; color: #FFFFFF !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn, 8px) !important; margin: 0.15rem 0.5rem; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.30) !important; } body.zolteka-theme-kinetic #sidebar ul li.active a i, body.zolteka-theme-kinetic #sidebar .sidebar-menu-item-active i { color: #FFFFFF !important; } body.zolteka-theme-kinetic #sidebar ul li a { color: #334155 !important; } body.zolteka-theme-kinetic #sidebar ul li a:hover { background-color: rgba(249, 115, 22, 0.08) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn, 8px); margin: 0.05rem 0.5rem; } /* Estado activo para el Sidebar Oscuro (Zolteka Oscuro, Prestige, Cyber, Serenity y Blaze) */ body.zolteka-theme-zolteka_dark #sidebar ul li.active, body.zolteka-theme-prestige #sidebar ul li.active, body.zolteka-theme-cyber #sidebar ul li.active, body.zolteka-theme-serenity #sidebar ul li.active, body.zolteka-theme-blaze #sidebar ul li.active, body.zolteka-theme-nexus #sidebar ul li.active { background-color: transparent !important; border-left: 4px solid var(--v-primary) !important; } body.zolteka-theme-zolteka_dark #sidebar ul li.active>a, body.zolteka-theme-prestige #sidebar ul li.active>a, body.zolteka-theme-cyber #sidebar ul li.active>a, body.zolteka-theme-serenity #sidebar ul li.active>a, body.zolteka-theme-blaze #sidebar ul li.active>a, body.zolteka-theme-nexus #sidebar ul li.active>a { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.12) !important; color: var(--v-primary) !important; font-weight: 600 !important; border-radius: var(--zolteka-radius-btn); margin: 0.15rem 0.5rem; } #sidebar ul li.active li { border-left-width: 0px !important; background-color: transparent !important; } #sidebar ul li a { display: block; padding: 0.65rem 1.25rem; color: var(--theme-sidebar-text) !important; font-size: var(--zolteka-font-size-base, 1rem); font-weight: 500; transition: all 0.2s ease; text-decoration: none; } #sidebar ul li a:hover { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.08) !important; color: var(--v-primary) !important; padding-left: 1.5rem; border-radius: var(--zolteka-radius-btn); margin: 0.05rem 0.5rem; } body.zolteka-theme-zolteka_dark #sidebar ul li a:hover, body.zolteka-theme-prestige #sidebar ul li a:hover, body.zolteka-theme-cyber #sidebar ul li a:hover, body.zolteka-theme-serenity #sidebar ul li a:hover, body.zolteka-theme-blaze #sidebar ul li a:hover, body.zolteka-theme-nexus #sidebar ul li a:hover { background-color: rgba(255, 255, 255, 0.05) !important; color: var(--v-primary) !important; border-radius: var(--zolteka-radius-btn); margin: 0.05rem 0.5rem; } .dark-mode #sidebar ul li a:hover { background-color: rgba(var(--v-dark-accent-rgb), 0.04) !important; color: var(--v-dark-accent) !important; } /* Elemento del submenú activo (enlace final) */ #sidebar .sidebar-menu-item-active { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.12) !important; color: var(--v-primary) !important; font-weight: 600; border-radius: var(--zolteka-radius-btn); margin: 0.05rem 0.5rem; } body.zolteka-theme-zolteka_dark #sidebar .sidebar-menu-item-active, body.zolteka-theme-prestige #sidebar .sidebar-menu-item-active, body.zolteka-theme-cyber #sidebar .sidebar-menu-item-active, body.zolteka-theme-serenity #sidebar .sidebar-menu-item-active, body.zolteka-theme-blaze #sidebar .sidebar-menu-item-active, body.zolteka-theme-nexus #sidebar .sidebar-menu-item-active { background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.15) !important; color: var(--v-primary) !important; font-weight: 600; border-radius: var(--zolteka-radius-btn); margin: 0.05rem 0.5rem; } .dark-mode #sidebar .sidebar-menu-item-active { background-color: var(--v-dark-accent) !important; color: #000000 !important; } #sidebar { position: fixed; top: 0; left: 0; width: 280px; height: 100%; margin: 0; padding: 0; overflow-y: auto; z-index: 2001; background-color: var(--theme-sidebar-bg) !important; border-right: none !important; color: var(--theme-sidebar-text) !important; box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } #sidebar-overlay { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 2000; background-color: rgba(15, 23, 42, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: opacity 0.3s ease; } /* * Modales Bootstrap por encima del sidebar (z-index 2001). * Sin esto el menú vertical queda nítido e interactivo sobre el backdrop (~1050). */ body.zolteka-vertical-menu .modal-backdrop { z-index: 2100 !important; margin-left: 0 !important; max-width: 100% !important; width: 100% !important; left: 0 !important; } body.zolteka-vertical-menu .modal { z-index: 2110 !important; } /* * Librerías de desplegable flotante (Select2, Flatpickr, jQuery UI Autocomplete) * que el browser renderiza como hijo directo de . * Al elevar los modales a 2110, estos flotantes quedarían enterrados por debajo. * Se elevan a 2150 para que siempre sean visibles e interactivos dentro de modales. * Solo aplica en modo menú vertical; en horizontal no hay cambio de z-index en modales. */ body.zolteka-vertical-menu .select2-container--open, body.zolteka-vertical-menu .select2-dropdown { z-index: 2150 !important; } body.zolteka-vertical-menu .flatpickr-calendar { z-index: 2150 !important; } body.zolteka-vertical-menu .ui-autocomplete { z-index: 2150 !important; } /* Ajustes de Wrapper general para menú vertical */ body.zolteka-vertical-menu { padding-top: 0 !important; } /* Adaptación responsiva del Sidebar delegada a la plantilla Twig dinámica */ /* Barra superior en modo vertical (navbar-custom) con el color secundario sólido del menú */ body.zolteka-vertical-menu .navbar-custom { background-color: var(--theme-sidebar-bg) !important; border-bottom: 1px solid var(--bs-border-color) !important; box-shadow: var(--bs-box-shadow-sm) !important; padding-left: 0 !important; /* Totalmente pegado a la izquierda */ padding-right: 1rem !important; height: 56px; display: flex; align-items: center; transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1); } body.zolteka-vertical-menu .navbar-custom .nav-link, body.zolteka-vertical-menu .navbar-custom .navbar-brand, body.zolteka-vertical-menu .navbar-custom .navbar-brand span, body.zolteka-vertical-menu .navbar-custom .navbar-text, body.zolteka-vertical-menu .navbar-custom .navbar-text i { color: var(--theme-sidebar-brand-text) !important; } /* Layout centrado geométrico perfecto y amplio para la barra superior en modo vertical */ body.zolteka-vertical-menu .navbar-custom .container-fluid.zolteka-navbar-grid, .zolteka-navbar-grid { display: grid !important; grid-template-columns: 1fr minmax(280px, 680px) 1fr !important; align-items: center !important; width: 100% !important; } .zolteka-navbar-grid>ul:first-child { justify-self: start !important; min-width: 0; margin-right: 0 !important; } .zolteka-navbar-grid>#zoltekaVerticalSearchForm, .zolteka-vertical-search-form { justify-self: center !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 450px !important; } .zolteka-navbar-grid>ul:last-child { justify-self: end !important; margin-left: 0 !important; } /* Estilos de submenú dropdown centralizados */ .dropdown-menu, .navbar .dropdown-menu { background-color: #FFFFFF !important; border: 1px solid var(--bs-border-color, #E2E8F0) !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; border-radius: var(--zolteka-radius-card, 8px) !important; padding: 0.5rem !important; margin-top: 0.25rem !important; } .dropdown-menu .dropdown-item, .navbar .dropdown-item { color: #334155 !important; background-color: transparent !important; border-radius: var(--zolteka-radius-btn, 6px) !important; padding: 0.5rem 1rem !important; font-weight: 500; transition: background-color 0.15s ease, color 0.15s ease; } .dropdown-item:hover, .dropdown-item.active, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active { background-color: var(--theme-dropdown-hover-bg, rgba(16, 185, 129, 0.08)) !important; color: var(--v-primary, #10B981) !important; } /* Modo oscuro para submenús */ .dark-mode .dropdown-menu, [data-bs-theme="dark"] .dropdown-menu, body.zolteka-theme-zolteka_dark .dropdown-menu, body.zolteka-theme-prestige .dropdown-menu, body.zolteka-theme-cyber .dropdown-menu, body.zolteka-theme-serenity .dropdown-menu, body.zolteka-theme-blaze .dropdown-menu, body.zolteka-theme-nexus .dropdown-menu { background-color: #1E293B !important; border-color: #334155 !important; } .dark-mode .dropdown-menu .dropdown-item, [data-bs-theme="dark"] .dropdown-menu .dropdown-item, body.zolteka-theme-zolteka_dark .dropdown-menu .dropdown-item, body.zolteka-theme-prestige .dropdown-menu .dropdown-item, body.zolteka-theme-cyber .dropdown-menu .dropdown-item, body.zolteka-theme-serenity .dropdown-menu .dropdown-item, body.zolteka-theme-blaze .dropdown-menu .dropdown-item, body.zolteka-theme-nexus .dropdown-menu .dropdown-item { color: #F1F5F9 !important; } .dark-mode .dropdown-menu .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover, body.zolteka-theme-zolteka_dark .dropdown-menu .dropdown-item:hover, body.zolteka-theme-prestige .dropdown-menu .dropdown-item:hover, body.zolteka-theme-cyber .dropdown-menu .dropdown-item:hover, body.zolteka-theme-serenity .dropdown-menu .dropdown-item:hover, body.zolteka-theme-blaze .dropdown-menu .dropdown-item:hover, body.zolteka-theme-nexus .dropdown-menu .dropdown-item:hover { background-color: var(--theme-dropdown-hover-bg, rgba(79, 70, 229, 0.12)) !important; color: var(--v-primary, #4F46E5) !important; } /* --- 4. Reglas Estrictas de Jerarquía de Color y Fuentes --- */ body, body.zolteka-theme-zolteka, body.zolteka-theme-zolteka_dark, body.zolteka-theme-prestige, body.zolteka-theme-cyber, body.zolteka-theme-serenity, body.zolteka-theme-blaze, body.zolteka-theme-nexus, body.zolteka-theme-zen, body.zolteka-theme-zafiro, body.zolteka-theme-nord, body.zolteka-theme-terra, body.zolteka-theme-pergamino, body.zolteka-theme-kinetic, body.zolteka-theme-custom, body.zolteka-theme-default { background-color: var(--bs-body-bg, #FFFFFF) !important; color: var(--v-secondary) !important; } /* Únicamente el contenedor de cabecera de opciones lleva el tinte 3.5% */ div.bg-light.pt-3, .nav-tabs-wrapper { background-color: var(--v-bg-secondary) !important; } /* Encabezados */ body.zolteka-theme-zolteka h1, body.zolteka-theme-zolteka .h1, body.zolteka-theme-zolteka h2, body.zolteka-theme-zolteka .h2, body.zolteka-theme-zolteka h3, body.zolteka-theme-zolteka .h3, body.zolteka-theme-zolteka_dark h1, body.zolteka-theme-zolteka_dark .h1, body.zolteka-theme-zolteka_dark h2, body.zolteka-theme-zolteka_dark .h2, body.zolteka-theme-zolteka_dark h3, body.zolteka-theme-zolteka_dark .h3, body.zolteka-theme-prestige h1, body.zolteka-theme-prestige .h1, body.zolteka-theme-prestige h2, body.zolteka-theme-prestige .h2, body.zolteka-theme-prestige h3, body.zolteka-theme-prestige .h3, body.zolteka-theme-cyber h1, body.zolteka-theme-cyber .h1, body.zolteka-theme-cyber h2, body.zolteka-theme-cyber .h2, body.zolteka-theme-cyber h3, body.zolteka-theme-cyber .h3, body.zolteka-theme-serenity h1, body.zolteka-theme-serenity .h1, body.zolteka-theme-serenity h2, body.zolteka-theme-serenity .h2, body.zolteka-theme-serenity h3, body.zolteka-theme-serenity .h3, body.zolteka-theme-blaze h1, body.zolteka-theme-blaze .h1, body.zolteka-theme-blaze h2, body.zolteka-theme-blaze .h2, body.zolteka-theme-blaze h3, body.zolteka-theme-blaze .h3, body.zolteka-theme-nexus h1, body.zolteka-theme-nexus .h1, body.zolteka-theme-nexus h2, body.zolteka-theme-nexus .h2, body.zolteka-theme-nexus h3, body.zolteka-theme-nexus .h3, body.zolteka-theme-zen h1, body.zolteka-theme-zen .h1, body.zolteka-theme-zen h2, body.zolteka-theme-zen .h2, body.zolteka-theme-zen h3, body.zolteka-theme-zen .h3, body.zolteka-theme-zafiro h1, body.zolteka-theme-zafiro .h1, body.zolteka-theme-zafiro h2, body.zolteka-theme-zafiro .h2, body.zolteka-theme-zafiro h3, body.zolteka-theme-zafiro .h3, body.zolteka-theme-nord h1, body.zolteka-theme-nord .h1, body.zolteka-theme-nord h2, body.zolteka-theme-nord .h2, body.zolteka-theme-nord h3, body.zolteka-theme-nord .h3, body.zolteka-theme-terra h1, body.zolteka-theme-terra .h1, body.zolteka-theme-terra h2, body.zolteka-theme-terra .h2, body.zolteka-theme-terra h3, body.zolteka-theme-terra .h3, body.zolteka-theme-pergamino h1, body.zolteka-theme-pergamino .h1, body.zolteka-theme-pergamino h2, body.zolteka-theme-pergamino .h2, body.zolteka-theme-pergamino h3, body.zolteka-theme-pergamino .h3, body.zolteka-theme-kinetic h1, body.zolteka-theme-kinetic .h1, body.zolteka-theme-kinetic h2, body.zolteka-theme-kinetic .h2, body.zolteka-theme-kinetic h3, body.zolteka-theme-kinetic .h3 { color: var(--v-heading-color) !important; font-weight: 700 !important; } body.zolteka-theme-zolteka h4, body.zolteka-theme-zolteka .h4, body.zolteka-theme-zolteka h5, body.zolteka-theme-zolteka .h5, body.zolteka-theme-zolteka h6, body.zolteka-theme-zolteka .h6, body.zolteka-theme-zolteka_dark h4, body.zolteka-theme-zolteka_dark .h4, body.zolteka-theme-zolteka_dark h5, body.zolteka-theme-zolteka_dark .h5, body.zolteka-theme-zolteka_dark h6, body.zolteka-theme-zolteka_dark .h6, body.zolteka-theme-prestige h4, body.zolteka-theme-prestige .h4, body.zolteka-theme-prestige h5, body.zolteka-theme-prestige .h5, body.zolteka-theme-prestige h6, body.zolteka-theme-prestige .h6, body.zolteka-theme-cyber h4, body.zolteka-theme-cyber .h4, body.zolteka-theme-cyber h5, body.zolteka-theme-cyber .h5, body.zolteka-theme-cyber h6, body.zolteka-theme-cyber .h6, body.zolteka-theme-serenity h4, body.zolteka-theme-serenity .h4, body.zolteka-theme-serenity h5, body.zolteka-theme-serenity .h5, body.zolteka-theme-serenity h6, body.zolteka-theme-serenity .h6, body.zolteka-theme-blaze h4, body.zolteka-theme-blaze .h4, body.zolteka-theme-blaze h5, body.zolteka-theme-blaze .h5, body.zolteka-theme-blaze h6, body.zolteka-theme-blaze .h6, body.zolteka-theme-nexus h4, body.zolteka-theme-nexus .h4, body.zolteka-theme-nexus h5, body.zolteka-theme-nexus .h5, body.zolteka-theme-nexus h6, body.zolteka-theme-nexus .h6, body.zolteka-theme-zen h4, body.zolteka-theme-zen .h4, body.zolteka-theme-zen h5, body.zolteka-theme-zen .h5, body.zolteka-theme-zen h6, body.zolteka-theme-zen .h6, body.zolteka-theme-zafiro h4, body.zolteka-theme-zafiro .h4, body.zolteka-theme-zafiro h5, body.zolteka-theme-zafiro .h5, body.zolteka-theme-zafiro h6, body.zolteka-theme-zafiro .h6, body.zolteka-theme-nord h4, body.zolteka-theme-nord .h4, body.zolteka-theme-nord h5, body.zolteka-theme-nord .h5, body.zolteka-theme-nord h6, body.zolteka-theme-nord .h6, body.zolteka-theme-terra h4, body.zolteka-theme-terra .h4, body.zolteka-theme-terra h5, body.zolteka-theme-terra .h5, body.zolteka-theme-terra h6, body.zolteka-theme-terra .h6, body.zolteka-theme-pergamino h4, body.zolteka-theme-pergamino .h4, body.zolteka-theme-pergamino h5, body.zolteka-theme-pergamino .h5, body.zolteka-theme-pergamino h6, body.zolteka-theme-pergamino .h6, body.zolteka-theme-kinetic h4, body.zolteka-theme-kinetic .h4, body.zolteka-theme-kinetic h5, body.zolteka-theme-kinetic .h5, body.zolteka-theme-kinetic h6, body.zolteka-theme-kinetic .h6 { color: var(--v-secondary) !important; font-weight: 600 !important; } /* Aviso SMTP calendario: bloque plano integrado en el footer del formulario */ .zolteka-calendar-email-info { background-color: rgba(var(--bs-primary-rgb), 0.04); } /* Botones neutros (secondary, light, default) y de contorno con legibilidad y contraste garantizados */ .btn-secondary, .btn-light, .btn-default { background-color: #E2E8F0 !important; border-color: #CBD5E1 !important; color: #1E293B !important; font-weight: 500; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-default:hover, .btn-default:focus, .btn-default:active { background-color: #CBD5E1 !important; border-color: #94A3B8 !important; color: #0F172A !important; } .btn-outline-secondary, .btn-outline-light { background-color: #FFFFFF !important; border-color: #CBD5E1 !important; color: #475569 !important; font-weight: 500; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active { background-color: #E2E8F0 !important; border-color: #94A3B8 !important; color: #0F172A !important; } /* btn-check:checked (EditPageOption, Wizard, etc.): el !important base anula el estado marcado nativo de Bootstrap; hay que redefinirlo aquí. */ .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light { background-color: var(--v-primary, #10B981) !important; border-color: var(--v-primary, #10B981) !important; color: #FFFFFF !important; } .btn-check:checked:focus + .btn-outline-secondary, .btn-check:checked:focus + .btn-outline-light { box-shadow: 0 0 0 0.2rem rgba(var(--v-primary-rgb, 16, 185, 129), 0.35) !important; } .dark-mode .btn-secondary, .dark-mode .btn-light, .dark-mode .btn-default, [data-bs-theme="dark"] .btn-secondary, [data-bs-theme="dark"] .btn-light, [data-bs-theme="dark"] .btn-default, body.zolteka-theme-zolteka_dark .btn-secondary, body.zolteka-theme-zolteka_dark .btn-light, body.zolteka-theme-zolteka_dark .btn-default, body.zolteka-theme-prestige .btn-secondary, body.zolteka-theme-prestige .btn-light, body.zolteka-theme-prestige .btn-default, body.zolteka-theme-cyber .btn-secondary, body.zolteka-theme-cyber .btn-light, body.zolteka-theme-cyber .btn-default, body.zolteka-theme-serenity .btn-secondary, body.zolteka-theme-serenity .btn-light, body.zolteka-theme-serenity .btn-default, body.zolteka-theme-blaze .btn-secondary, body.zolteka-theme-blaze .btn-light, body.zolteka-theme-blaze .btn-default, body.zolteka-theme-nexus .btn-secondary, body.zolteka-theme-nexus .btn-light, body.zolteka-theme-nexus .btn-default { background-color: #334155 !important; border-color: #475569 !important; color: #F8FAFC !important; } .dark-mode .btn-secondary:hover, .dark-mode .btn-light:hover, .dark-mode .btn-default:hover, [data-bs-theme="dark"] .btn-secondary:hover, [data-bs-theme="dark"] .btn-light:hover, [data-bs-theme="dark"] .btn-default:hover, body.zolteka-theme-zolteka_dark .btn-secondary:hover, body.zolteka-theme-zolteka_dark .btn-light:hover, body.zolteka-theme-zolteka_dark .btn-default:hover, body.zolteka-theme-prestige .btn-secondary:hover, body.zolteka-theme-prestige .btn-light:hover, body.zolteka-theme-prestige .btn-default:hover, body.zolteka-theme-cyber .btn-secondary:hover, body.zolteka-theme-cyber .btn-light:hover, body.zolteka-theme-cyber .btn-default:hover, body.zolteka-theme-serenity .btn-secondary:hover, body.zolteka-theme-serenity .btn-light:hover, body.zolteka-theme-serenity .btn-default:hover, body.zolteka-theme-blaze .btn-secondary:hover, body.zolteka-theme-blaze .btn-light:hover, body.zolteka-theme-blaze .btn-default:hover, body.zolteka-theme-nexus .btn-secondary:hover, body.zolteka-theme-nexus .btn-light:hover, body.zolteka-theme-nexus .btn-default:hover { background-color: #475569 !important; border-color: #64748B !important; color: #FFFFFF !important; } .dark-mode .btn-outline-secondary, .dark-mode .btn-outline-light, [data-bs-theme="dark"] .btn-outline-secondary, [data-bs-theme="dark"] .btn-outline-light, body.zolteka-theme-zolteka_dark .btn-outline-secondary, body.zolteka-theme-zolteka_dark .btn-outline-light, body.zolteka-theme-prestige .btn-outline-secondary, body.zolteka-theme-prestige .btn-outline-light, body.zolteka-theme-cyber .btn-outline-secondary, body.zolteka-theme-cyber .btn-outline-light, body.zolteka-theme-serenity .btn-outline-secondary, body.zolteka-theme-serenity .btn-outline-light, body.zolteka-theme-blaze .btn-outline-secondary, body.zolteka-theme-blaze .btn-outline-light, body.zolteka-theme-nexus .btn-outline-secondary, body.zolteka-theme-nexus .btn-outline-light { background-color: #1E293B !important; border-color: #475569 !important; color: #E2E8F0 !important; } .dark-mode .btn-outline-secondary:hover, .dark-mode .btn-outline-light:hover, [data-bs-theme="dark"] .btn-outline-secondary:hover, [data-bs-theme="dark"] .btn-outline-light:hover, body.zolteka-theme-zolteka_dark .btn-outline-secondary:hover, body.zolteka-theme-zolteka_dark .btn-outline-light:hover, body.zolteka-theme-prestige .btn-outline-secondary:hover, body.zolteka-theme-prestige .btn-outline-light:hover, body.zolteka-theme-cyber .btn-outline-secondary:hover, body.zolteka-theme-cyber .btn-outline-light:hover, body.zolteka-theme-serenity .btn-outline-secondary:hover, body.zolteka-theme-serenity .btn-outline-light:hover, body.zolteka-theme-blaze .btn-outline-secondary:hover, body.zolteka-theme-blaze .btn-outline-light:hover, body.zolteka-theme-nexus .btn-outline-secondary:hover, body.zolteka-theme-nexus .btn-outline-light:hover { background-color: #334155 !important; border-color: #64748B !important; color: #FFFFFF !important; } .dark-mode .btn-check:checked + .btn-outline-secondary, .dark-mode .btn-check:active + .btn-outline-secondary, .dark-mode .btn-check:checked + .btn-outline-light, .dark-mode .btn-check:active + .btn-outline-light, [data-bs-theme="dark"] .btn-check:checked + .btn-outline-secondary, [data-bs-theme="dark"] .btn-check:active + .btn-outline-secondary, [data-bs-theme="dark"] .btn-check:checked + .btn-outline-light, [data-bs-theme="dark"] .btn-check:active + .btn-outline-light, body.zolteka-theme-zolteka_dark .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-zolteka_dark .btn-check:active + .btn-outline-secondary, body.zolteka-theme-zolteka_dark .btn-check:checked + .btn-outline-light, body.zolteka-theme-zolteka_dark .btn-check:active + .btn-outline-light, body.zolteka-theme-prestige .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-prestige .btn-check:active + .btn-outline-secondary, body.zolteka-theme-prestige .btn-check:checked + .btn-outline-light, body.zolteka-theme-prestige .btn-check:active + .btn-outline-light, body.zolteka-theme-cyber .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-cyber .btn-check:active + .btn-outline-secondary, body.zolteka-theme-cyber .btn-check:checked + .btn-outline-light, body.zolteka-theme-cyber .btn-check:active + .btn-outline-light, body.zolteka-theme-serenity .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-serenity .btn-check:active + .btn-outline-secondary, body.zolteka-theme-serenity .btn-check:checked + .btn-outline-light, body.zolteka-theme-serenity .btn-check:active + .btn-outline-light, body.zolteka-theme-blaze .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-blaze .btn-check:active + .btn-outline-secondary, body.zolteka-theme-blaze .btn-check:checked + .btn-outline-light, body.zolteka-theme-blaze .btn-check:active + .btn-outline-light, body.zolteka-theme-nexus .btn-check:checked + .btn-outline-secondary, body.zolteka-theme-nexus .btn-check:active + .btn-outline-secondary, body.zolteka-theme-nexus .btn-check:checked + .btn-outline-light, body.zolteka-theme-nexus .btn-check:active + .btn-outline-light { background-color: var(--v-primary, #10B981) !important; border-color: var(--v-primary, #10B981) !important; color: #FFFFFF !important; } /* Tarjetas sobre bloques oscuros (por ejemplo, el sidebar oscuro) */ body.zolteka-theme-zolteka_dark #sidebar .card, body.zolteka-theme-prestige #sidebar .card, body.zolteka-theme-cyber #sidebar .card, body.zolteka-theme-serenity #sidebar .card, body.zolteka-theme-blaze #sidebar .card, body.zolteka-theme-nexus #sidebar .card, .zolteka-dark-block .card, .bg-dark .card { background-color: #1E293B !important; border-color: #334155 !important; color: #F8FAFC !important; box-shadow: none !important; } /* Iconos y Decoraciones */ .nav-link i, #sidebar ul li a i { color: var(--v-icon-standard) !important; } .nav-link:hover i, .nav-link.active i, #sidebar ul li a:hover i { color: var(--v-primary) !important; } body.zolteka-theme-zolteka_dark #sidebar ul li.active a i, body.zolteka-theme-prestige #sidebar ul li.active a i, body.zolteka-theme-cyber #sidebar ul li.active a i, body.zolteka-theme-serenity #sidebar ul li.active a i, body.zolteka-theme-blaze #sidebar ul li.active a i, body.zolteka-theme-nexus #sidebar ul li.active a i { color: #FFFFFF !important; } /* Clases de utilidad para iconos corporativos */ .icon-standard, i.standard { color: #64748B !important; } .icon-brand, i.brand, i.highlighted { color: #10B981 !important; /* Verde Esmeralda para marca/destacados */ } .icon-security, i.security, i.certification { color: #B08D57 !important; /* Bronce Envejecido para seguridad/certificación */ } /* ========================================================================== 5. DISEÑO DE NAVEGACIÓN MÓVIL Y TABLET PREMIUM (2026) ========================================================================== */ /* Cabecera móvil fija */ .mobile-top-header { height: 56px !important; background-color: var(--theme-sidebar-bg) !important; border-bottom: 1px solid var(--bs-border-color) !important; box-shadow: var(--bs-box-shadow-sm) !important; z-index: 1020 !important; display: flex; align-items: center; padding: 0 1rem; margin-left: 0 !important; max-width: 100% !important; width: 100% !important; } .mobile-top-header .nav-link { color: var(--theme-sidebar-text) !important; font-weight: 500; transition: color 0.15s ease; } .mobile-top-header .nav-link i { color: var(--v-icon-standard) !important; transition: color 0.15s ease; } .mobile-top-header .nav-link:hover i, .mobile-top-header .nav-link.active i, .mobile-top-header .nav-link:focus i { color: var(--v-primary) !important; } /* Barra de navegación inferior móvil fija */ .mobile-bottom-nav { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; background-color: var(--theme-sidebar-bg) !important; border-top: 1px solid var(--bs-border-color) !important; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05) !important; z-index: 1030 !important; /* Por encima del contenido, por debajo de sidebar overlay */ padding-bottom: env(safe-area-inset-bottom) !important; height: calc(56px + env(safe-area-inset-bottom)) !important; display: flex; justify-content: space-around; align-items: center; margin-left: 0 !important; max-width: 100% !important; } .mobile-bottom-nav-item { flex: 1; text-align: center; color: var(--theme-sidebar-text); text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; transition: color 0.15s ease-in-out; } .mobile-bottom-nav-item i { font-size: 1.25rem !important; color: var(--v-icon-standard); transition: color 0.15s ease-in-out; } .mobile-bottom-nav-item:hover i, .mobile-bottom-nav-item.active i { color: var(--v-primary); } /* Soporte de color destacado para tema oscuro en barra inferior */ .dark-mode .mobile-bottom-nav-item.active i, [data-bs-theme="dark"] .mobile-bottom-nav-item.active i, body.zolteka-theme-zolteka_dark .mobile-bottom-nav-item.active i, body.zolteka-theme-prestige .mobile-bottom-nav-item.active i, body.zolteka-theme-cyber .mobile-bottom-nav-item.active i, body.zolteka-theme-serenity .mobile-bottom-nav-item.active i, body.zolteka-theme-blaze .mobile-bottom-nav-item.active i, body.zolteka-theme-nexus .mobile-bottom-nav-item.active i { color: var(--v-dark-accent) !important; } /* Soporte de alto contraste para Tema Predeterminado (Default) en Móvil */ .zolteka-theme-default .mobile-top-header { background-color: var(--v-primary) !important; } .zolteka-theme-default .mobile-top-header, .zolteka-theme-default .mobile-top-header .mobile-top-title, .zolteka-theme-default .mobile-top-header .navbar-text, .zolteka-theme-default .mobile-top-header span, .zolteka-theme-default .mobile-top-header>.container-fluid>a, .zolteka-theme-default .mobile-top-header>.container-fluid>ul>li>a, .zolteka-theme-default .mobile-top-header i { color: #ffffff !important; } /* Forzar color de texto legible en los elementos del desplegable del menú de usuario en móvil */ .mobile-top-header .dropdown-menu .dropdown-item, .zolteka-theme-default .mobile-top-header .dropdown-menu .dropdown-item { color: #334155 !important; } .mobile-top-header .dropdown-menu .dropdown-item:hover, .zolteka-theme-default .mobile-top-header .dropdown-menu .dropdown-item:hover { color: var(--v-primary, #10B981) !important; } .zolteka-theme-default .mobile-bottom-nav { background-color: var(--v-primary) !important; border-top: 1px solid rgba(255, 255, 255, 0.15) !important; } .zolteka-theme-default .mobile-bottom-nav .mobile-bottom-nav-item, .zolteka-theme-default .mobile-bottom-nav .mobile-bottom-nav-item i, .zolteka-theme-default .mobile-bottom-nav .mobile-bottom-nav-item span, .zolteka-theme-default .mobile-bottom-nav-item, .zolteka-theme-default .mobile-bottom-nav-item i, .zolteka-theme-default .mobile-bottom-nav-item.active i { color: #ffffff !important; opacity: 1 !important; } /* ---------------------------------------------------- * Estilos para el Buscador Superior Interactivo (Modo Vertical PC) * ---------------------------------------------------- */ .zolteka-search-input-container { position: relative; display: flex; align-items: center; width: 100%; background: rgba(241, 245, 249, 0.8); border: 1px solid rgba(203, 213, 225, 0.7); border-radius: 20px; padding: 0.25rem 0.5rem 0.25rem 2.25rem; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .dark-mode .zolteka-search-input-container, [data-bs-theme="dark"] .zolteka-search-input-container { background: rgba(30, 41, 59, 0.8); border-color: rgba(51, 65, 85, 0.8); } .zolteka-search-input-container:hover { background: #ffffff; border-color: rgba(148, 163, 184, 0.9); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .dark-mode .zolteka-search-input-container:hover, [data-bs-theme="dark"] .zolteka-search-input-container:hover { background: #0f172a; border-color: #475569; } .zolteka-search-input-container:focus-within { background: #ffffff; border-color: var(--v-primary, #0d6efd); box-shadow: 0 0 0 3px rgba(var(--v-primary-rgb, 13, 110, 253), 0.15), 0 4px 12px rgba(0, 0, 0, 0.05); } .dark-mode .zolteka-search-input-container:focus-within, [data-bs-theme="dark"] .zolteka-search-input-container:focus-within { background: #0f172a; border-color: var(--v-primary, #0d6efd); } .zolteka-search-icon { position: absolute; left: 0.85rem; color: #64748b; font-size: 0.85rem; pointer-events: none; transition: color 0.2s ease; } .zolteka-search-input-container:focus-within .zolteka-search-icon { color: var(--v-primary, #0d6efd); } .zolteka-search-input { width: 100%; border: none; outline: none; background: transparent; font-size: 0.875rem; color: #0f172a; padding: 0.2rem 0.25rem; box-shadow: none !important; } .dark-mode .zolteka-search-input, [data-bs-theme="dark"] .zolteka-search-input { color: #f8fafc; } .zolteka-search-input::placeholder { color: #94a3b8; font-size: 0.825rem; } .zolteka-search-submit-btn { border: none; background: rgba(var(--v-primary-rgb, 13, 110, 253), 0.1); color: var(--v-primary, #0d6efd); border-radius: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 0.725rem; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; } .zolteka-search-submit-btn:hover { background: var(--v-primary, #0d6efd); color: #ffffff; transform: scale(1.05); } .zolteka-search-results-dropdown { top: calc(100% + 6px); left: 0; right: 0; z-index: 1050; background: #ffffff; border: 1px solid rgba(226, 232, 240, 0.9); border-radius: 14px; box-shadow: 0 16px 32px -6px rgba(15, 23, 42, 0.12), 0 6px 12px -4px rgba(15, 23, 42, 0.08); overflow: hidden; max-height: 380px; overflow-y: auto; padding: 0.4rem; animation: zoltekaDropdownFade 0.2s cubic-bezier(0.16, 1, 0.3, 1); } .dark-mode .zolteka-search-results-dropdown, [data-bs-theme="dark"] .zolteka-search-results-dropdown { background: #0f172a; border-color: #1e293b; box-shadow: 0 16px 32px -6px rgba(0, 0, 0, 0.5); } @keyframes zoltekaDropdownFade { from { opacity: 0; transform: translateY(-8px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .zolteka-search-item { display: flex; align-items: center; justify-content: space-between; padding: 0.55rem 0.85rem; margin-bottom: 2px; border-radius: 10px; color: #334155; text-decoration: none !important; transition: all 0.15s ease; } .dark-mode .zolteka-search-item, [data-bs-theme="dark"] .zolteka-search-item { color: #cbd5e1; } .zolteka-search-item:hover, .zolteka-search-item.active { background: rgba(var(--v-primary-rgb, 13, 110, 253), 0.08) !important; color: var(--v-primary, #0d6efd) !important; transform: translateX(3px); } .zolteka-search-item-left { display: flex; align-items: center; gap: 0.75rem; } .zolteka-search-item-icon { width: 30px; height: 30px; border-radius: 8px; background: rgba(var(--v-primary-rgb, 13, 110, 253), 0.08); color: var(--v-primary, #0d6efd); display: inline-flex; align-items: center; justify-content: center; font-size: 0.825rem; flex-shrink: 0; transition: all 0.15s ease; } .zolteka-search-item:hover .zolteka-search-item-icon, .zolteka-search-item.active .zolteka-search-item-icon { background: var(--v-primary, #0d6efd); color: #ffffff; } .zolteka-search-item-title { font-size: 0.875rem; font-weight: 500; color: #1e293b; } .dark-mode .zolteka-search-item-title, [data-bs-theme="dark"] .zolteka-search-item-title { color: #f1f5f9; } .zolteka-search-item:hover .zolteka-search-item-title, .zolteka-search-item.active .zolteka-search-item-title { color: var(--v-primary, #0d6efd); font-weight: 600; } .zolteka-search-item-badge { font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 12px; background: rgba(226, 232, 240, 0.8); color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; } .dark-mode .zolteka-search-item-badge, [data-bs-theme="dark"] .zolteka-search-item-badge { background: #1e293b; color: #94a3b8; } .zolteka-search-item:hover .zolteka-search-item-badge, .zolteka-search-item.active .zolteka-search-item-badge { background: rgba(var(--v-primary-rgb, 13, 110, 253), 0.15); color: var(--v-primary, #0d6efd); } /* ---------------------------------------------------- * Buscador del sidebar: anular herencia de .sidebar-header a * (uppercase + font-weight 700) y igualar tipografía al buscador superior. * NO modificar estilos globales .zolteka-search-* (barra superior). * ---------------------------------------------------- */ #sidebar .zolteka-search-item { font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; color: #334155 !important; text-align: left; } #sidebar .zolteka-search-item-left { text-align: left; min-width: 0; flex: 1 1 auto; } #sidebar .zolteka-search-item-title { font-size: 0.875rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; color: #1e293b !important; text-align: left; min-width: 0; overflow: hidden; text-overflow: ellipsis; } #sidebar .zolteka-search-item:hover .zolteka-search-item-title, #sidebar .zolteka-search-item.active .zolteka-search-item-title { color: var(--v-primary, #0d6efd) !important; font-weight: 600 !important; } #sidebar .zolteka-search-item-badge { font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.4px; flex-shrink: 0; } #sidebar .zolteka-search-input { font-size: 0.875rem; } #sidebar .zolteka-search-input::placeholder { font-size: 0.825rem; } /* ---------------------------------------------------- * Reglas de Consistencia para Tema Personalizado (Primary color hover & selected) * ---------------------------------------------------- */ /* Menú horizontal (nivel 1): solo ilumina el texto del color primario, sin fondo ni sombreado */ body.zolteka-theme-custom .navbar:not(.navbar-custom) .navbar-nav>.nav-item>.nav-link:hover, body.zolteka-theme-custom .navbar:not(.navbar-custom) .navbar-nav>.nav-item>.nav-link.active { background-color: transparent !important; color: var(--v-primary) !important; } /* Menú lateral vertical: hover y activo usan el color primario con transparencia */ body.zolteka-theme-custom #sidebar ul li.active>a, body.zolteka-theme-custom #sidebar .nav-link.active, body.zolteka-theme-custom #sidebar .sidebar-menu-item-active { color: var(--v-primary) !important; background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.12) !important; font-weight: 600 !important; } body.zolteka-theme-custom #sidebar .nav-link:hover, body.zolteka-theme-custom #sidebar ul li a:hover, body.zolteka-theme-custom .dropdown-item:hover { color: var(--v-primary) !important; background-color: rgba(var(--v-primary-rgb, 16, 185, 129), 0.12) !important; } body.zolteka-theme-custom .dropdown-item.active { background-color: var(--v-primary) !important; color: #ffffff !important; } /* ==================================================== * Unificación de Jerarquía de Fondos para Todos los Temas * ==================================================== * - Fondo global (html, body): Blanco impoluto del Core de FacturaScripts (#FFFFFF / --bs-body-bg). * - Zona superior (Barra de herramientas, opciones, pestañas y filtros): Color principal tintado al 3.5% (var(--v-bg-secondary)). * - Zona de contenido (Listados, editores, tarjetas y tablas): Blanco Impoluto (#FFFFFF). */ html, body { background-color: var(--bs-body-bg, #FFFFFF) !important; } div.bg-light.pt-3, .nav-tabs-wrapper { background-color: var(--v-bg-secondary) !important; } .tab-content, .tab-pane, .table-responsive, .card, .card-body { background-color: var(--bs-body-bg, #FFFFFF) !important; }