/* ARCHIVO: assets/css/styles.css */:root {--bg-dark-1: #0f172a;--bg-dark-2: #1e293b;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--glass-bg: rgba(255, 255, 255, 0.05);--glass-border: rgba(255, 255, 255, 0.1);--text-main: #f8fafc;--text-muted: #cbd5e1;}/* BLINDAJE DEL FONDO OSCURO /
body {
font-family: 'Inter', sans-serif !important;
background-color: #0f172a !important;
background-image: radial-gradient(circle at top right, #1e293b, #0f172a) !important;
background-attachment: fixed !important;
color: #f8fafc !important;
min-height: 100vh;
margin: 0;
/ Espacio para el menu inferior y el boton flotante */padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;}/* Tipograf¨ªa de t¨ªtulos segura (SIN afectar divs) */h1, h2, h3, h4, h5, h6, .navbar-brand {font-family: 'Space Grotesk', sans-serif;color: #f8fafc !important;}p, span, label {color: #e2e8f0;}.text-muted {color: #cbd5e1 !important;}/* Glassmorphism Utilities */.glass-panel {background: rgba(255, 255, 255, 0.05) !important;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(255, 255, 255, 0.1) !important;border-radius: 16px;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);color: #f8fafc !important;}/* BLINDAJE DE TABLAS */.table {--bs-table-bg: transparent !important;--bs-table-color: #f8fafc !important;color: #f8fafc !important;}.glass-table th {background: rgba(255, 255, 255, 0.1) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;color: var(--accent-cyan) !important;}.glass-table td {background: transparent !important;border-bottom: 1px solid rgba(255,255,255,0.1) !important;color: #e2e8f0 !important;}.glass-table tr:hover td {background: rgba(255, 255, 255, 0.05) !important;}/* Formularios */.glass-input {background: rgba(255, 255, 255, 0.04) !important;border: 1px solid rgba(255, 255, 255, 0.15) !important;border-radius: 8px !important;color: #ffffff !important;transition: all 0.3s ease;padding: 10px 15px;}.glass-input:focus {background: rgba(255, 255, 255, 0.08) !important;border-color: var(--accent-cyan) !important;box-shadow: 0 0 10px rgba(6, 182, 212, 0.3) !important;outline: none !important;}.glass-input::placeholder {color: rgba(255, 255, 255, 0.6) !important;}select.glass-input option {background-color: var(--bg-dark-1);color: white;}.input-group-text.glass-icon {background: transparent;border: none;border-bottom: 1px solid var(--glass-border);color: var(--accent-cyan);border-radius: 0;}/* Botones */.btn-glass-primary {background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple)) !important;border: none !important;color: white !important;font-weight: 600;border-radius: 8px;transition: transform 0.2s, box-shadow 0.2s;}.btn-glass-primary:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(6, 182, 212, 0.4);}/* Tarjetas Dashboard (Widgets) - RESTAURADAS */.widget-card {transition: all 0.3s ease;overflow: hidden;position: relative;}.widget-card:hover {transform: scale(1.02);box-shadow: 0 8px 25px rgba(139, 92, 246, 0.2);}.widget-icon {font-size: 2.5rem;color: var(--accent-cyan);opacity: 0.8;}/* Layout Desktop */.admin-wrapper { display: flex; min-height: 100vh; }.sidebar { width: 260px; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(20px); border-right: 1px solid var(--glass-border); padding: 20px; display: none; }.main-content { flex: 1; padding: 30px; }.nav-link-glass {color: #cbd5e1 !important;padding: 12px 20px;border-radius: 10px;margin-bottom: 8px;display: flex;align-items: center;gap: 15px;text-decoration: none;transition: all 0.3s;}.nav-link-glass:hover, .nav-link-glass.active {color: var(--accent-cyan) !important;background: rgba(255,255,255,0.08);}/* ========== MENU INFERIOR MOVIL (Con Bot¨®n Central) ========== */.mobile-bottom-nav {position: fixed;bottom: 0;left: 0;width: 100%;height: calc(70px + env(safe-area-inset-bottom));padding-bottom: env(safe-area-inset-bottom);background: rgba(15, 23, 42, 0.95) !important;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);border-top: 1px solid rgba(255,255,255,0.1);display: flex;justify-content: space-around;align-items: center;z-index: 9999;}.mobile-nav-item {color: #64748b !important;text-decoration: none;display: flex;flex-direction: column;align-items: center;font-size: 0.75rem;flex: 1;transition: color 0.3s;}.mobile-nav-item i { font-size: 1.5rem; margin-bottom: 4px; }.mobile-nav-item.active, .mobile-nav-item:hover { color: var(--accent-cyan) !important; }/* Boton Central Flotante (+) */.mobile-center-btn {position: relative;top: -25px;width: 65px;height: 65px;border-radius: 50%;background: var(--bg-dark-1);display: flex;justify-content: center;align-items: center;text-decoration: none;z-index: 10000;}.center-btn-inner {width: 55px;height: 55px;border-radius: 50%;background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));display: flex;justify-content: center;align-items: center;color: white !important;font-size: 1.8rem;box-shadow: 0 4px 15px rgba(6, 182, 212, 0.5);transition: transform 0.2s;}.center-btn-inner:active {transform: scale(0.9);}/* Animaciones - RESTAURADAS */.fade-in-up {animation: fadeInUp 0.6s ease-out forwards;opacity: 0;transform: translateY(20px);}@keyframes fadeInUp {to { opacity: 1; transform: translateY(0); }}@media (min-width: 992px) {.sidebar { display: block; }.mobile-bottom-nav { display: none; }body { padding-bottom: 0 !important; }}