.center-text {
	vertical-align: middle !important;
}

.sombra-moderna {
	box-shadow:
		0 4px 6px rgba(0, 0, 0, 0.1),
		0 1px 3px rgba(0, 0, 0, 0.08),
		0 10px 20px rgba(0, 0, 0, 0.1) !important;
	transition: box-shadow 0.3s ease !important;
}

.sombra-moderna:hover {
	box-shadow:
		0 10px 15px rgba(0, 0, 0, 0.15),
		0 4px 6px rgba(0, 0, 0, 0.1),
		0 20px 30px rgba(0, 0, 0, 0.2) !important;
}

.table-responsive {
	max-height: 338px;
	/* Altura máxima para el contenedor con scroll */
	overflow-y: auto;
	/* Activar el scroll vertical */
}

thead th {
	position: sticky;
	top: 0;
	background-color: #303c50 !important;
	z-index: 2;
	border-bottom: 2px solid #dee2e6;
	color: white;
}