/* Estilos personalizados y utilidades de animación para Axontech */
/* Conectividad, seguridad y soporte para tu negocio. */

@layer utilities {
  .bg-gradient-brand {
    background: linear-gradient(135deg, #07162c 0%, #0d274c 50%, #083b66 100%);
  }

  .glow-cyan {
    box-shadow: 0 0 25px -5px rgba(0, 180, 216, 0.35);
  }

  .glow-cyan-hover:hover {
    box-shadow: 0 0 35px 0px rgba(0, 180, 216, 0.5);
  }

  .glass-card {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .glass-dark {
    background: rgba(13, 39, 76, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

/* Animaciones de fondo y partículas */
@keyframes float-slow {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-15px) scale(1.03);
  }
}

@keyframes pulse-subtle {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
}

.animate-float {
  animation: float-slow 8s ease-in-out infinite;
}

.animate-float-delayed {
  animation: float-slow 10s ease-in-out infinite 3s;
}

.animate-pulse-subtle {
  animation: pulse-subtle 4s ease-in-out infinite;
}

/* Scrollbar estilizado */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* ============================================================== */
/* ESTILOS DE IMPRESIÓN / REPORTE EJECUTIVO PDF                    */
/* ============================================================== */
@media print {
  body {
    background: #ffffff !important;
    color: #0f172a !important;
  }
  header, footer, nav, #globalLoadingBar, .print\:hidden,
  #tabView-overview, #tabView-tickets, #tabView-activos, #tabView-poliza, #tabView-actas, #tabView-facturas,
  #newTicketModal, #ticketDetailModal, #newAssetModal, #contractTermsModal,
  #signMaintenanceModal, #newServiceActaModal, #registerPaymentModal, #newInvoiceModal, #toastContainer {
    display: none !important;
  }
  #executiveReportModal:not(.hidden), #signedVoucherModal:not(.hidden), #cfdiInvoiceModal:not(.hidden) {
    position: static !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
  }
  #executiveReportModal.hidden, #signedVoucherModal.hidden, #cfdiInvoiceModal.hidden {
    display: none !important;
  }
  #executiveReportModal > div, #signedVoucherModal > div, #cfdiInvoiceModal > div {
    max-width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #executiveReportPrintableArea, #signedVoucherPrintableArea, #cfdiInvoicePrintableArea {
    overflow: visible !important;
    color: #0f172a !important;
  }
}