/* Estilos Generales - UPLA HelpDesk */
:root {
  --upla-blue: #002B49;
  --upla-blue-light: #004b7a;
  --upla-accent: #0284c7;
  --upla-gold: #f59e0b;
  --upla-bg: #f8fafc;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  background-color: var(--upla-bg);
  color: #1e293b;
}

/* Identidad Visual UPLA */
.bg-upla {
  background-color: #002B49;
}

.bg-upla-light {
  background-color: #00416e;
}

.text-upla {
  color: #002B49;
}

.border-upla {
  border-color: #002B49;
}

/* Animaciones y Badges */
@keyframes pulse-fast {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.animate-pulse-fast {
  animation: pulse-fast 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Badges de Categoría */
.badge-redes { background-color: #e0f2fe; color: #0369a1; border: 1px solid #bae6fd; }
.badge-hardware { background-color: #f1f5f9; color: #334155; border: 1px solid #cbd5e1; }
.badge-audiovisual { background-color: #fef3c7; color: #b45309; border: 1px solid #fde68a; }
.badge-software { background-color: #ede9fe; color: #6d28d9; border: 1px solid #ddd6fe; }
.badge-telefonia { background-color: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.badge-impresoras { background-color: #ffedd5; color: #c2410c; border: 1px solid #fed7aa; }
.badge-otro { background-color: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }

/* Badges de Estado */
.badge-abierto { background-color: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
.badge-en_proceso { background-color: #fef3c7; color: #b45309; border: 1px solid #fde68a; }
.badge-espera_repuesto { background-color: #ffedd5; color: #c2410c; border: 1px solid #fed7aa; }
.badge-resuelto { background-color: #dcfce7; color: #15803d; border: 1px solid #86efac; }
.badge-cerrado { background-color: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }

/* Estilos de Impresión para Carteles QR */
@media print {
  body {
    background: white !important;
    color: black !important;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .print-card {
    border: 2px solid #002B49 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}