body {
	background-color: #f0f0f0 !important;
}

#kt_app_header, #kt_app_sidebar {
	background-color: #f0f0f0 !important;
}

[data-bs-theme="dark"] body {
	background-color: #15171c !important;
}

[data-bs-theme="dark"] #kt_app_header,
[data-bs-theme="dark"] #kt_app_sidebar {
	background-color: #15171c !important;
}

/* Ajustes para fondos hardcodeados en plantillas (perfil, fichaje, etc.) */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-body {
	background-color: #1e2129 !important;
	color: var(--bs-body-color);
}

[data-bs-theme="dark"] .list-group-item {
	background-color: #1e2129 !important;
	border-color: #2b2e36 !important;
	color: var(--bs-body-color);
}

[data-bs-theme="dark"] #tiempo {
	background-color: #1e2129 !important;
	color: #e1e3ea !important;
}

[data-bs-theme="dark"] .fichaje {
	border-color: #2b2e36 !important;
}

[data-bs-theme="dark"] .linea {
	border-color: #2b2e36 !important;
}

/* Cabeceras de tabla que en modo claro usan bg-dark/bg-light con texto blanco */
[data-bs-theme="dark"] thead .bg-dark,
[data-bs-theme="dark"] thead th.bg-dark {
	background-color: #2b2e36 !important;
	color: #fff !important;
}

[data-bs-theme="dark"] thead .bg-light,
[data-bs-theme="dark"] thead th.bg-light {
	background-color: #2b2e36 !important;
	color: #fff !important;
}

/* Tablas dentro de cards en modo oscuro */
[data-bs-theme="dark"] .table {
	--bs-table-bg: transparent;
	color: var(--bs-body-color);
}

/* Filas resaltadas en informes (modo claro mantiene look original, modo oscuro adapta) */
.fila-fichaje-suelto {
	background-color: #f9f5fe;
}
[data-bs-theme="dark"] .fila-fichaje-suelto {
	background-color: #3a2e4d !important;
}

.fila-no-trabajo {
	background-color: #f5f5f7;
	color: #a1a5b7;
}
[data-bs-theme="dark"] .fila-no-trabajo {
	background-color: #232730 !important;
	color: #6c7080 !important;
}

.fila-totales {
	background-color: #f8f8f9;
}
[data-bs-theme="dark"] .fila-totales {
	background-color: #262932 !important;
}

#kt_header_user_menu_toggle {
	width: 40px;
    height: 40px;
    background-color: #56BBE3;
    border-radius: 8px;
}

#avatar-photo-menu {
	width: 50px;
    height: 50px;
    background-color: #56BBE3;
    border-radius: 8px;
}

#avatar-photo-menu>div{
	text-align: center;
	font-size: 2.5em;
}

#profile-span {
	margin: auto;
}

#politica-privacidad {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	 min-height: 60px;
	max-height: 400px;
	color: #fff;
	z-index: 9900;
}

#kt_header_notifications_menu_toggle {
    width: 40px;
    height: 40px;
    background-color: #ad94e1;
    border-radius: 8px;
	
}

.notificacionActiva {
	animation: pulseBorder 1.5s ease-in-out infinite;
}

.notificacionActivaIcono {
	 animation: rotateBell 2s linear infinite;
}

.notificacionActivaBubble {
	animation: pulseBorderBubble 1.5s ease-in-out infinite;
}


/* Animación de rotación */
@keyframes rotateBell {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Animación del borde que cambia de color */
@keyframes pulseBorder {
  0% {
    box-shadow: 0 0 0 0 #ff0000;
    border-color: #ff0000;
  }
  50% {
    box-shadow: 0 0 10px 4px #fe0000;
    border-color: #fe0000;
  }
  100% {
    box-shadow: 0 0 0 0 #ff0000;
    border-color: #ff0000;
  }
}

@keyframes pulseBorderBubble {
   0% {
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    border-color: gold;
  }
  50% {
    box-shadow: 0 0 10px 4px rgba(255, 165, 0, 0.6);
    border-color: orange;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    border-color: gold;
  }
}