<!-- Contenido del modal -->
<div class="modal fade" id="detalleEmpleadoModal" tabindex="-1" aria-labelledby="detalleEmpleadoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header" style="position: relative;">
                <h5 class="modal-title" id="detalleEmpleadoModalLabel">Detalles del Evaluador</h5>
                <!-- Botón de cerrar en la esquina superior derecha -->
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="position: absolute; top: 10px; right: 10px; font-size: 1.5rem;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="detalleEmpleadoContenido">
                <ul class="list-group">
                    <!-- Los detalles se cargarán aquí -->
                </ul>
                <h6>Trabajos Asignados:</h6>
                <div id="trabajosAsignados" class="row">
                    <!-- Los trabajos asignados se cargarán aquí -->
                </div>
            </div>
            <div class="modal-footer">
                <!-- Botón de cierre al final del modal -->
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
